JavaScript动态实时显示的数字时钟代码

发布时间：2018-08-14 06:46:45 所属栏目：PHP教程来源：站长网

导读：Java Script动态实时显示的数字时钟代码。可显示当前日期、时间等，可具体显示到时分秒，本时钟的背景颜色、文字颜色以及边框宽度都是可以定义的，在边框参数中，0表示不需要边框。示例： HTMLHEADMETA NAME=GENERATOR Content=Microsoft Visual Studio 6

　　JavaScript动态实时显示的数字时钟代码。可显示当前日期、时间等，可具体显示到时分秒，本时钟的背景颜色、文字颜色以及边框宽度都是可以定义的，在边框参数中，0表示不需要边框。

　　示例：

<HTML> <HEAD> <META NAME="GENERATOR" Content="Microsoft <b>Visual Studio</b> 6.0"> <TITLE>动态数字时钟</TITLE> <SCRIPT LANGUAGE=javascript> var clockbgcolor = 'INFOBACKGROUND'; //背景颜色 var clockfgcolor = 'INFOTEXT'; //文字颜色 var clockborder=1; //边框宽度（为0表示不要边框） function clocktick() { thistime = new Date(); //得到当前日期对象。 year = thistime.getYear(); month = thistime.getMonth() + 1; //因为getMonth方法返回的月份值是从0-11,需要加一才能符合习惯 day = thistime.getDate(); hours = thistime.getHours(); minutes = thistime.getMinutes(); seconds = thistime.getSeconds(); //如果时间为一位数，则在前面补零 if (eval(hours) <10) {hours = "0" + hours} if (eval(minutes) < 10) {minutes = "0" + minutes} if (seconds < 10) {seconds = "0" + seconds} thistime = year + '年' + month + '月' + day + '日'; thistime = thistime + '<br>' + hours + ":" + minutes + ":" + seconds; if (clockborder!=0) //如果边框不为0，则加入表格边框 //生成消息内容的HTML串 thistime='<table border='+clockborder+' width=100% height=100%><tr><td style="text-align:center ;color:' + clockfgcolor + '">'+thistime+'</td></tr></table>' clockdiv.innerHTML = thistime; //写入页面 } //这里写入所显示需要的层 document.writeln('<div id=clockdiv style="text-align:center ;width:120 ;height:50 ;color :' + clockfgcolor + ' ;background-color:' + clockbgcolor + '"></div>') //设定自动刷新显示的<b>计时器</b> setInterval("clocktick()",1000); //资源来自：烈火网 www.veryhuo.com </SCRIPT> </HEAD> <BODY> </BODY> </HTML><div style="text-align:center;margin:30px 0 0 0;"><hr style="color:#999;height:1px;">如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></div>
提示：可修改后代码再运行!

（编辑：信阳站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!