<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>时钟</title>
<script>
function toDou(n) { //当时钟个位时前面加0
if (n < 10) {
return '0' + n;
} else {
return '' + n;
}
}
window.onload = function() {
var oImg = document.getElementsByTagName('span'); //
function time() {
var oDate = new Date(); //获取当前的时间
var str = toDou(oDate.getHours()) + toDou(oDate.getMinutes()) + toDou(oDate.getSeconds()); //把当前的时分秒转为数字
for (var i = 0; i < oImg.length; i++) {
oImg[i].innerHTML = str.charAt(i);
}
}
setInterval(time, 1000);
time();
}
</script>
</head>
<body style="background: black; color: #ffffff; font-size: 50px;">
<span>0</span>
<span>0</span> :
<span>0</span>
<span>0</span> :
<span>0</span>
<span>0</span>
</body>
</html>
