在第一次點擊按鈕時激活計時器

Question

我正在創建一個網頁，用戶在5秒內點擊一次按鈕的次數。目前，定時器在頁面初始加載時啓動。但是，我希望計時器在用戶第一次單擊「單擊」按鈕時啓動，並且在第一次單擊後用戶單擊該按鈕時不會重置。

有關如何做到這一點的任何想法？提前致謝。

HTML按鈕：

<div class='buttonDiv'> 
     <button onclick='countClicks()' id='click' type="button">Click Me!</button> 
    </div> 

Javascript函數：

/*record clicks*/ 
var clicks = 0; 

function countClicks(){ 
document.getElementById('click').value = ++clicks; 
document.getElementById('result').innerHTML = clicks; 
} 


/* Timer countdown */ 
var secs=5; 
var counter=setInterval(timer, 1000); 

function timer(){ 
secs--; 
if (secs <= 0){ 
clearInterval(counter); 
document.getElementById("click").disabled = true; 

document.getElementById("seconds").innerHTML=0; 
return; 

} 
document.getElementById("seconds").innerHTML=secs; 
} 

Answer 1

簡單地聲明則計數器變量檢查，如果它被設置在函數內部：

var counter; 

function countClicks(){ 

    if(!counter){//counter is not set 

     counter = setInterval(timer, 1000); 

    } else { 

     document.getElementById('click').value = ++clicks; 
     document.getElementById('result').innerHTML = clicks; 
    } 
}