js傻瓜式制作電子時鍾

js傻瓜式制作電子時間

使用到的知識點

• setInterval函數
• 構建函數new Date
• if判斷
  demo:

//css樣式請自行設置

<span id="timer"><span>
<script>
var timer = document.getElementById("timer");
//獲取標簽
setInterval ( function(){  //setInterval按照指定周期調用函數
var today = new Date(); //聲明一個變量用來存儲當時時間
var year = today.getFullYear;//聲明一個變量year用來存儲從當時時間里獲取的年份
var month = today.getMonth;
var day = today.getDay;
var hour = today.getHour;
var minutes = today.getMinutes;
var secound = today.getSecound;
if(month<10){
    month = "0"+month
    //在月份前面加個0,如果是10月以內就價格0
}
if(secound<10){
    secound = "0"+secound;
}
//60秒結束后,從0開始個位數加個0
timer.innerHTML = year+"年份"+month+"月"+day+"日"+hour+":"+minutes+":"+secound
把年月日組合在一起的結果輸出到timer里面
},1000)//每秒調用一次
//
<script/>

本身這個電子時鍾不是很難,但是對知識點的理解很重要.

后面可以加很多css央視