Neues von der komischen Uhr

Ab jetzt gibt's die Binäruhr auch in JavaScript, um sie in Websites einzubetten oder in eure Windows-Sidebar zu integrieren.
Auch wenn er den Namen eigentlich nicht verdient hat: hier ist der "CodeSchnipsel"

<script type='text/javascript'>
function clock() {
 var jetzt = new Date();
 var std = jetzt.getHours();
 var min = jetzt.getMinutes();
 var sek = jetzt.getSeconds();
 
 std = (std < 10 ? "0" : "")+String(std);
 min = (min < 10 ? "0" : "")+String(min);
 sek = (sek < 10 ? "0" : "")+String(sek);
 
 time = new Array(std.charAt(0),std.charAt(1),
 min.charAt(0),min.charAt(1),
 sek.charAt(0),sek.charAt(1));
 
 for(z = 0; z < 6;z++) {
  for(i = 1,x=1;i <= 8; i*=2,x++) {
   t = String(x)+String(z+1);
   if(time[z] & i) { 
    switch (t.charAt(1)) {
     case "1":
      document.getElementById("z"+t).innerHTML = '<img src="http://dl.dropbox.com/u/963344/blog/Binaeruhr/kullergri.png">';
      break;
     case "2":
      document.getElementById("z"+t).innerHTML = '<img src="http://dl.dropbox.com/u/963344/blog/Binaeruhr/kullergri.png">';
      break;
     case "3":
      document.getElementById("z"+t).innerHTML = '<img src="http://dl.dropbox.com/u/963344/blog/Binaeruhr/kullergei.png">';
      break;
     case "4":
      document.getElementById("z"+t).innerHTML = '<img src="http://dl.dropbox.com/u/963344/blog/Binaeruhr/kullergei.png">';
      break;
     case "5":
      document.getElementById("z"+t).innerHTML = '<img src="http://dl.dropbox.com/u/963344/blog/Binaeruhr/kullerroi.png">';
      break;
     case "6":
      document.getElementById("z"+t).innerHTML = '<img src="http://dl.dropbox.com/u/963344/blog/Binaeruhr/kullerroi.png">';
      break;
    }
   }
   else {
    document.getElementById("z"+t).innerHTML = '<img src="http://dl.dropbox.com/u/963344/blog/Binaeruhr/lochi.png">';
   }
  }
 }
window.setTimeout('clock()',1000);
}
</script>
<table onload="clock();" class="clock" style="margin:10px; margin-top:20px">
   <colgroup>
    <col width="25" />
    <col width="30" />
    <col width="25" />
    <col width="30" />
    <col width="25" />
    <col width="30" />
   </colgroup>
   <tr>
     <td id="z41" style="visibility:hidden" class="Stunde"></td>
    <td id="z42" class="Stunde"></td>
     <td id="z43" style="visibility:hidden" class="Minute"></td>
    <td id="z44" class="Minute"></td>
     <td id="z45" style="visibility:hidden" class="Sekunde"></td>
    <td id="z46" class="Sekunde"></td>
   </tr>
   <tr>
     <td id="z31" style="visibility:hidden" class="Stunde" ></td>
    <td id="z32" class="Stunde"></td>
    <td id="z33" class="Minute"></td>
    <td id="z34" class="Minute"></td>
    <td id="z35" class="Sekunde"></td>
    <td id="z36" class="Sekunde"></td>
   </tr>
   <tr>
    <td id="z21" class="Stunde"></td>
    <td id="z22" class="Stunde"></td>
    <td id="z23" class="Minute"></td>
    <td id="z24" class="Minute"></td>
    <td id="z25" class="Sekunde"></td>
    <td id="z26" class="Sekunde"></td>
   </tr>
   <tr>
    <td id="z11" class="Stunde"></td>
    <td id="z12" class="Stunde"></td>
    <td id="z13" class="Minute"></td>
    <td id="z14" class="Minute"></td>
    <td id="z15" class="Sekunde"></td>
    <td id="z16" class="Sekunde"></td>
   </tr>
 </table>
<script type='text/javascript'>
 clock();
</script>