javascript - JS如何实现点击重置刷新-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - JS如何实现点击重置刷新

仅有的幸福 2017-05-19 10:08:56

[JavaScript讨论组]

927

我需要一个功能，点击一个按钮开始一个计时，2秒内未点击该按钮则隐藏某个p，如果点击了该按钮，则刷新计时器。按钮在p内，按钮需要不断电击才能维持p的显示。

<p>
     <button>按钮</button>
<p>

仅有的幸福

全部回复(2)

滿天的星座2017-05-19 10:10:56 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);
}

赞 +0

添加回复

PHP中文网2017-05-19 10:10:56 1楼

<!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>

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>