»
EnglishFrenchVietnamese

Print - Binary Clock script - JavaScriptBank.com

Full version: jsB@nk » Time » Clock » Binary Clock script
URL: https://www.javascriptbank.com/binary-clock-script.html

Binary Clock script © JavaScriptBank.comEver seen binary code? You know, the series of 1's and 0's. This clock actually displays the time in the same binary format. Definitely something cool to put on your site if you are a programmer. ;-)

Full version: jsB@nk » Time » Clock » Binary Clock script
URL: https://www.javascriptbank.com/binary-clock-script.html



JavaScript
<script language="JavaScript">// Author:  Mark Lockwood ([email protected]) | http://www.sy161e.netfunction syeClock() {if (!document.layers && !document.all)return;timePortion = new Array;maxLength = new Array;var runTime = new Date();timePortion[0] = runTime.getHours();timePortion[1] = runTime.getMinutes();timePortion[2] = runTime.getSeconds();maxLength[0] = 5;maxLength[1] = 6;maxLength[2] = 6;var decValue = 0;var decMod = 0;var temp = "";var hoursBackground = "#7B7BB5";var minutesBackground = "#4D5487";var secondsBackground = "#424A63";var colonBackground = "#000000";var textColor = "#FFFFFF";for (var curPor = 0; curPor <= 2; curPor++) {decValue = timePortion[curPor];timePortion[curPor] = "";while (decValue != 0) {decMod = decValue % 2;decValue = Math.floor(decValue / 2);timePortion[curPor] = decMod + timePortion[curPor];}if (timePortion[curPor].length < maxLength[curPor]) {for (var i = 1; i <= maxLength[curPor] - timePortion[curPor].length; i++) {temp += "0";   }}timePortion[curPor] = temp + timePortion[curPor];temp = "";}movingtime = '<table border="0" cellpadding="0" cellspacing="0"><tr><td bgcolor='+ hoursBackground  +'><font color='+ textColor +'>' + timePortion[0] + '</font></td><td bgcolor='+ colonBackground +'>:</td><td bgcolor='+ minutesBackground +'><font color='+ textColor +'>' + timePortion[1] + '</font></td><td bgcolor='+ colonBackground +'>:</td><td bgcolor='+ secondsBackground +'><font color='+ textColor +'>' + timePortion[2] + '</font></td></tr></table>';if (document.layers) {document.layers.clock.document.write(movingtime);document.layers.clock.document.close();}else if (document.all) {clock.innerHTML = movingtime;}setTimeout("syeClock()", 1000)}window.onload = syeClock;</script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<span id="clock" style="position:relative;"></span><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->