Phiên bản đầy đủ: jsB@nk » Thời gian » Đồng hồ » Đồng hồ nhị phân
URL: https://www.javascriptbank.com/binary-clock-script.html
Một đoạn mã khác để tạo hiệu ứng một đồng hồ dạng nhị phân trên trang web.
Phiên bản đầy đủ: jsB@nk » Thời gian » Đồng hồ » Đồng hồ nhị phân
URL: https://www.javascriptbank.com/binary-clock-script.html
<script language="JavaScript">// Author: Mark Lockwood (sy161e.net@namezero.com) | 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--><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-->