如何让函数每 5 秒执行一次？

Question

我有这段代码，我想让amurFunc() 每 5 秒执行一次。

执行是一个监听器，用于监听用户是否点击了 div。他实际上可以每 5 秒点击一次。你能帮我弄清楚我哪里做错了吗？

代码：

<div id=amur>

</div>

<script>
    document.getElementById("amur").addEventListener('click', amurFunc());
    function amurFunc() {
            var funcTimer = 0;
            while (funcTimer == 0) {
                window.open('http://google.com','_blank');
                funcTimer = 5;
                while (funcTimer > 0) {
                    setInterval(
                        function () {
                            funcTimer--;
                        }, 1000;
                    );
                }
            }
    }
</script>

Answer 1

试试这个

<div id="amur" style="background-color:red">
 <p>Test</p>
</div>

var el = document.getElementById('amur');

el.addEventListener('click',amurFunc);


var clicked = 0;
var d = new Date();
var s = d.getTime();
//console.log(s);


function amurFunc(){
    if(clicked==0){
        window.open('http://google.com', '_blank');
        clicked++;
    }else{
        var clickedDate =  new Date();
        var clickedSecond = clickedDate.getTime();
        //console.log(clickedSecond-s);
        if((clickedSecond-s)>=5000){
            window.open('http://google.com', '_blank');
            s = clickedSecond;
        }

    }

}

Answer 2

最简单的解决方案是使用每 5 秒重置一次的标志。见下文：

//initially allowed to be clicked
var flag = true;

document.getElementById('amur').onclick = function(){
  if (flag) {
    window.open('http://google.com','_blank');
    //disable click
    flag = false;
    //after 5 secs, click will be enabled again
    setTimeout(function(){
      flag=true;
    },5000);
  }
}

Answer 3

这将每 5 秒启动一次 amurFunc()

setInterval(function() {
    amurFunc();
} ,5000)

但是你想每 5 秒做什么？

您想每 5 秒打开一次页面吗？

为什么要在点击时启动它？

5 秒后打开页面试试这个

setTimeout(function() {
    window.open('http://google.com', '_blank');
}, 5000);

更新

这是按钮

<input type="button" id="btn" value="">

这里是javascript

function Before5Seconds(idName) {
    var btn = document.getElementById(idName);
    btn.value = "Click to start wait 5 sec";
    btn.onclick = function() {
        this.value = "waiting ...";
        setTimeout(function() {
            After5Seconds(idName);
        }, 5000);
    };
}

function After5Seconds(idName) {
    var btn = document.getElementById(idName);
    btn.value = "Click to Go";
    btn.onclick = function() {
        window.open('http://google.com', '_blank');
        Before5Seconds(id);
    };

}

Before5Seconds('btn');