javascript – So implementieren Sie Click Reset Refresh in JS
仅有的幸福
仅有的幸福 2017-05-19 10:08:56
0
2
547

Ich benötige eine Funktion, um einen Timer zu starten. Wenn nicht innerhalb von 2 Sekunden auf die Schaltfläche geklickt wird, wird ein bestimmter Wert ausgeblendet. Die Taste befindet sich innerhalb von p und die Taste muss kontinuierlich geschockt werden, um die Anzeige von p aufrechtzuerhalten.

<p>
     <button>按钮</button>
<p>
仅有的幸福
仅有的幸福

Antworte allen(2)
滿天的星座

你说的“点击一个按钮”和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);
}
Ty80
<!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>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage