话不多说,直接上代码。
<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script>function startTime(){var today= new Date();//创建对象var h = today.getHours();//获取时var m =today.getMinutes();//获取分var s=today.getSeconds();//获取秒var ms=today.getMilliseconds();//获取毫秒m=checkTime(m); s=checkTime(s);document.getElementById("txt").innerHTML=h+":"+m+":"+s+":"+ms;//在页面输出时间 setTimeout('startTime()',1);//每隔一秒钟调用一次}function checkTime(i){if (i<10) { i="0" + i} return i } </script> </head> <body ="startTime()"> <div id ="txt"></div> </body></html>
效果如图
知识点
事件在页面载入完成后立即触发。
checkTime()函数 判断分 秒位数,如果是个位,则在前面加0,并把值赋值给 m s
利用延时调用函数setTimeout(),每隔一秒钟执行一次
作者:DivMa
链接:https://www.jianshu.com/p/99a147a2b6ba