20161208JS計時器案例

定時器
我們有時候需要讓某個代碼每隔一段事件執行一次
setInterval("執行的函數",時間)

例子1:

100秒倒計時

<script>
 var t=document.getElementById("t")
 var i=101
 function time(){
     if(i>0){
     i--
     t.innerHTML=i
 }
 else{
     t.innerHTML="時間到"
 }
 }
setInterval("time()",1000)


 </script>

例子2:

到元旦的倒計時

<script>
function time(){
    //目標時間
    var targetDate=new Date("2017/1/1")
    //獲取當前時間
    var now = new Date()
    //目標時間和當前時間相差的毫秒
    var millon =targetDate.getTime() - now.getTime()
    var seconds =millon/1000
    //一天的毫秒數=24*60*60*1000
    var days = parseInt(seconds/(24*60*60))
    //剩餘的小時=(millon - days *24*60*60*1000)/(60*60*1000)
    var hours =parseInt(seconds%(24*60*60)/3600)

    var minutes = parseInt(seconds%3600/60)

    var ss =parseInt(seconds%60)

    var pobj =document.getElementById("pobj")
    pobj.innerHTML="離2017年元旦還剩"+days+"天"+hours+"小時"+minutes+"分鐘"+ss+"秒"
}
    setInterval("time()",1000)
</script>

發佈留言