定時器工作正常嗎？

Question

HTML：

<div id="timer"></div> 

的Javascript：

timer.innerHTML = "100"; 
var yoursite = "http://explame.com" 

var mytimer = document.getElementById("timer") 

setInterval(function() { 
    mytimer.innerHTML -= 1; 

    if(mytimer.innerHTML == '1') { 
     setTimeout(function(){ 
      location.href=yoursite 
     }) 
    }; 
}, 1000); 

我想創建一個定時器...我的計時器是現在工作...好：d

Answer 1

你可以試試這個：

var timer = 100; 
var yoursite = "http://explame.com"; 
var mytimer = document.getElementById("timer"); 
mytimer.innerHTML = timer; 

var interval = setInterval(function() { 
    timer--; 
    mytimer.innerHTML = timer; 

    if (timer == 1) { 
     location.href = yoursite; 
     window.clearInterval(interval); 
    } 
}, 1000); 

看到它的工作here。

關於代碼：

• 在每一行的末尾使用;保持;
• 我已經使用了一個數值變量來保存定時器的計數，因爲不是一個最佳的做法（也很糟糕），不能用字符串進行算術運算（就像你在做mydiv.innerHTML -= 1）。要做到這一點，你必須使用一些強制轉換函數，所以使用數字變量更簡單;
• 我不明白爲什麼要用setTimeOut撥打location.href，所以我將其刪除;
• 我已清理過程結束時的間隔。

希望它有幫助。祝你好運。