话不多说,直接上代码。
<!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
随时随地看视频