<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>时钟</title>
</head>
<script>
function refresh(){
var today = new Date();//别忘记更新日期
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
console.log(h,m,s);
m=retime(m);
s=retime(s);//retime函数来判断是否小于10
var clock = document.getElementById("clock");
clock.innerHTML=h+":"+m+":"+s;
t=setTimeout(function(){refresh()},500);//每隔0.5s刷新
}
function retime(i){
if(i<9){
i='0'+i;
}
return i;//要有返回值
}
</script>
<body οnlοad="refresh()"><!--放body这里-->
<p id="clock"></p>
</body>
</html>
时钟
最新推荐文章于 2024-03-25 15:53:28 发布