学习首页 百科 人生课堂 办公软件 英语学习 操作系统 故事会 编程资料 软件学习 设计
铭瑶网 >> 学习首页 >> 编程 >> 一个以二进制显示的时钟
标题：一个以二进制显示的时钟

【字体： 大中小】 时间:2008-4-11 来源:互联网 作者:study

一个以二进制显示的时钟

要完成此效果把如下代码加入到<body>区域中<script>function 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><p align="center">二进制时钟<br><span id="clock" style="position:relative;"></span></p> 

查看/参与:讨论/评论 相关文章：Javascript