js 时钟
标签：
JavaScript
话不多说，直接上代码。
<!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
点击查看更多内容
为 TA 点赞
评论
共同学习，写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持，我会继续努力的～
扫码打赏，你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫，即可进行扫码打赏哦