javascript - Bagaimana untuk melaksanakan penyegaran semula klik semula dalam JS

Question

Saya memerlukan fungsi untuk memulakan pemasa dengan mengklik butang Jika butang tidak diklik dalam masa 2 saat, div tertentu akan disembunyikan Jika butang diklik, pemasa akan dimuat semula. Butang berada di dalam div, dan butang itu perlu dihidupkan secara berterusan untuk mengekalkan paparan div. {kod...}

滿天的星座 · Answer

Apa yang anda maksudkan dengan "klik butang" dan tidak klik butang dalam masa 2 saat sepatutnya bukan butang yang sama, bukan?

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 class='brush:php;toolbar:false;'><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>