javascript – So implementieren Sie Click Reset Refresh in JS

Question

Ich benötige eine Funktion zum Starten eines Timers durch Klicken auf eine Schaltfläche. Wenn nicht innerhalb von 2 Sekunden auf die Schaltfläche geklickt wird, wird ein bestimmtes Div ausgeblendet. Wenn auf die Schaltfläche geklickt wird, wird der Timer aktualisiert. Die Schaltfläche befindet sich in einem Div und die Schaltfläche muss ständig eingeschaltet sein, um die Anzeige des Div aufrechtzuerhalten. {Code...}

滿天的星座 · Answer

你说的“点击一个按钮”和2s内未点击该按钮应该不是同一个按钮吧？

let flag = false, // 是否点击了按钮标志量，false为没有，true为点击了
    time = -1;
button.onclick = function(){
   setInterval(function(){
        time ++;// 开始计时
        if(flag && time <= 2){ // 如果点击了按钮
            // time = 0;// 刷新计时器
            flag = false;
        }else{
           // 隐藏p        
        }
    },1000);
}

PHP中文网 · Answer

<pre><code><!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>时间</title>
  </head> 
<body>
<p>
    <button id="btn">按钮</button>
<p>
<script>
    let btn = document.getElementById("btn");
    let time;
    // 这行去掉就好了
    /*
    time = setTimeout(function () {
        btn.style.cssText = "display: none;"
    }, 2000);
    */
    btn.onclick = function () {
        clearTimeout(time);  
        time = setTimeout(function () {
          btn.style.cssText = "display: none;"
          clearTimeout(time);
        }, 2000)
    }
</script>
</body>
</html></code></pre>

javascript – So implementieren Sie Click Reset Refresh in JS

Antworte allen(2)Ich werde antworten