Webstatt.org - Community seit 2006 - 2012 (2024?)

Binary Clock

Avatar user-271
05.06.2006 13:53

Mir war langweilig...da bin ich auf das hier gesehen zwinkern
also dachte ich mir...schreiben wir es doch mal in Js *fg* und hier ist das resultat *fg*

Wer es braucht...kann es gerne benutzen

die tabelle unten ist nur zum einfachen darstellen ;D man kann es auch nach Bildern abändern oder was auch immer...cih wollte es nur so einfach wie möglich halten...
<html>
<head>
<title>Binary Clock</title>
<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" : ""zwinkern+String(std);
min = (min < 10 ? "0" : ""zwinkern+String(min);
sek = (sek < 10 ? "0" : ""zwinkern+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) {
document.getElementById(t).innerHTML = '1';
} else {
document.getElementById(t).innerHTML = '0';
}
}
}

window.setTimeout('clock()',1000);
}
//-->
</script>
</head>
<body onLoad="clock();">
<table class="clock">
<tr>
<td id="41"></td>
<td id="42"></td>
<td id="43"></td>
<td id="44"></td>
<td id="45"></td>
<td id="46"></td>
</tr>
<tr>
<td id="31"></td>
<td id="32"></td>
<td id="33"></td>
<td id="34"></td>
<td id="35"></td>
<td id="36"></td>
</tr>
<tr>
<td id="21"></td>
<td id="22"></td>
<td id="23"></td>
<td id="24"></td>
<td id="25"></td>
<td id="26"></td>
</tr>
<tr>
<td id="11"></td>
<td id="12"></td>
<td id="13"></td>
<td id="14"></td>
<td id="15"></td>
<td id="16"></td>
</tr>
</table>
</body>
</html>


Example:
http://moonsword.info/nonsense/binary_clock.html

#!/bin/bash
traurig){ neutral:& };:
user-137
05.06.2006 17:14

Wenn man die Tabelle so macht, kann man es besser lesen zwinkern :

		<table class="clock">
<tr>
<td id="41"></td>
<td id="42"></td>
<td>|</td>
<td id="43"></td>
<td id="44"></td>
<td>|</td>
<td id="45"></td>
<td id="46"></td>
</tr>
<tr>
<td id="31"></td>
<td id="32"></td>
<td>|</td>
<td id="33"></td>
<td id="34"></td>
<td>|</td>
<td id="35"></td>
<td id="36"></td>
</tr>
<tr>
<td id="21"></td>
<td id="22"></td>
<td>|</td>
<td id="23"></td>
<td id="24"></td>
<td>|</td>
<td id="25"></td>
<td id="26"></td>
</tr>
<tr>
<td id="11"></td>
<td id="12"></td>
<td>|</td>
<td id="13"></td>
<td id="14"></td>
<td>|</td>
<td id="15"></td>
<td id="16"></td>
</tr>
</table>