實現原理：通過js獲取到系統時間，然后分別算出年，月，日，時，分，秒，然后拼接年月日，時分秒，然后通過定時器setInterval每過一秒去獲取這些數據，這樣就可以實現時鍾的效果
<html>
<head>
<title></title>
</head>
<style>
#div1{
font-size:28px;
font-weight:bold;
}
</style>
<script>
window.onload=function(){
var oDiv1=document.getElementById('div1');
var oDiv2=document.getElementById('div2');
setInterval(function(){
var date=new Date();
var year=date.getFullYear();
var month=date.getMonth()+1;
var day=date.getDate();
var hour=date.getHours();
turnDate(hour);
var min=date.getMinutes();
turnDate(min);
var sec=date.getSeconds();
sec=turnDate(sec);
oDiv1.innerHTML=year+"年"+month+"月"+day+"日"
oDiv2.innerHTML=hour+":"+min+":"+sec
},1000)
function turnDate(date){
if(date<10){
return date="0"+date
}else{
return date
}
}
}
</script>
<body>
<div id="div1">
</div>
<div id="div2">
</div>
</body>
</html>
效果圖
