数字时钟

A呆呆兽

于 2018-05-01 18:14:22 发布

阅读量280

点赞数

本文链接：https://blog.csdn.net/YiLynn/article/details/80158234

版权

数字时钟的理解并不难主要是（Date 对象）var currentDate =new Date();

getFullYear,getDate,getMonth;获取系统当前日期中特定的日期部分，并使用innerHTML这个属性为页面上id为“txt”的div插入了一段自定义脚本。

<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="UTF-8">
<title>电子时钟</title>
<script type="text/javascript">
function checkTime(i){
if(i<10){
i="0"+i;
}
return i
}
function timer(){

var currentDate =new Date();
var year = currentDate.getFullYear();
var month = currentDate.getMonth()+1;
var day = currentDate.getDate();
var h = currentDate.getHours();
var m = currentDate.getMinutes();
var s = currentDate.getSeconds();
m = checkTime(m);
s = checkTime(s);
document.getElementById('txt').innerHTML = year+"-"+month+"-"+day+" "+h+":"+m+":"+s
t = setTimeout('timer()',1000);
}

</script>
</head>
<body οnlοad="timer();">
<div id="txt">

</div>
</body>
</html>