javascript动态16进制显示当前时间代码

发布时间：2018-08-13 14:47 所属栏目：121 来源：站长网

导读：javascript动态16进制显示当前时间代码，看上去挺有趣的效果，但是显示的时间是看不懂的啊，是16进制的，如果你把它转换为正常的时间进制就可以了，本例仅是让大家了解JS与16进制转换的关系和用法。示例： htmlheadtitle16进制时间显示/titlemeta http-eq

　　javascript动态16进制显示当前时间代码，看上去挺有趣的效果，但是显示的时间是看不懂的啊，是16进制的，如果你把它转换为正常的时间进制就可以了，本例仅是让大家了解JS与16进制转换的关系和用法。

　　示例：

<html> <head> <title>16进制时间显示</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style type="text/css">  </style> </head> <body> <SCRIPT LANGUAGE="<b>Java</b>Script">  </script> <fieldset style="width:500;height:50"><legend>效果显示区</legend> <script language="JavaScript"> 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> <span id="clock" style="position:relative;"></span> </fieldset> </body> </html> <br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：ASP站长网）