在第一次单击按钮时激活计时器

activate timer on first click of button

本文关键字：激活 计时器 按钮 第一次 单击      更新时间：2023-09-26

我正在创建一个网页，用户在 5 秒内尽可能多地点击一个按钮。目前，计时器在最初加载页面时启动。但是，我希望计时器在用户第一次单击"单击"按钮时启动，并且不会在用户第一次单击后每次单击按钮时重置。

关于如何做到这一点的任何想法？提前谢谢。

"网页"按钮：

<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;
}

只需声明计数器变量，然后检查它是否在函数中设置：

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;
    }
}
相关文章：