js实现一个简单的数字时钟效果

效果图：

代码如下：

！DOCTYPE HTMl HTMl head meta http-equiv=' content-type ' content=' text/HTMl；charset=utf-8'/title一个简单的数字时钟/title脚本类型=' text/JAVAScript ' charset=' utf-8 '//定义一个函数用以显示当前时间函数displayTime(){ var ELT=document。getelementbyid(' clock ')；//通过id='clock '找到元素var now=新日期();//得到当前时间英语教学。innerhtml=现在。tolocalitemstring()；//让优球蛋白溶解时间测定来显示它setTimeout(显示时间，1000);//在一秒后再次执行} window.onload=displayTime//当装载事件发生时开始显示时间/script style type=' text/CSS ' media=' all ' # clock { font : bold 24pt sans；背景# ddfpadding : 10pxborder : 2px纯黑；边框半径： 10px}/样式/头体氕一个简单的数字时钟/h1 span id=' clock '/span/body/html以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持我们！