继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

js 时钟

慕标5832272
关注TA
已关注
手记 1254
粉丝 231
获赞 1002

话不多说,直接上代码。

<!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>

webp

效果如图

知识点
事件在页面载入完成后立即触发。
checkTime()函数 判断分 秒位数,如果是个位,则在前面加0,并把值赋值给 m s
利用延时调用函数setTimeout(),每隔一秒钟执行一次



作者:DivMa
链接:https://www.jianshu.com/p/99a147a2b6ba

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP