javascript - Comment implémenter l'actualisation de réinitialisation des clics dans JS

Question

J'ai besoin d'une fonction pour démarrer une minuterie en cliquant sur un bouton. Si le bouton n'est pas cliqué dans les 2 secondes, un certain div sera masqué. Si le bouton est cliqué, la minuterie sera actualisée. Le bouton se trouve à l’intérieur d’un div et le bouton doit être allumé en permanence pour maintenir l’affichage du div. {code...}

滿天的星座 · Answer

Ce que vous entendez par « cliquer sur un bouton » et ne pas cliquer sur le bouton dans les 2 secondes ne devrait pas être le même bouton, n'est-ce pas ?

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>