代碼如下:
<html>
<head>
<title>一款js動態(tài)數(shù)字時鐘丨站長技術(shù)教程網(wǎng)</title>
<style type="text/css">
body{
font:bolder 20px 微軟雅黑;
}
</style>
<script type="text/javascript">
window.onload = function(){
var spans = document.getElementsByTagName("span");
function upDate(){
var date = new Date();
for(var i = 0; i<spans.length;i++){
var str=toDouble(date.getHours())+toDouble(date.getMinutes())+toDouble(date.getSeconds());
spans[i].innerHTML = str.charAt(i);
}
}
setInterval(upDate,1000);
upDate();
}
function toDouble(number){
if(number <10){
return "0"+number;
}
else return ""+number;
}
</script>
</head>
<body>
<span>0</span>
<span>0</span>點(diǎn)
<span>0</span>
<span>0</span>分
<span>0</span>
<span>0</span>秒
</body>
</html>