Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/cmake/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在javascript中设置按钮点击计时器?_Javascript - Fatal编程技术网

如何在javascript中设置按钮点击计时器?

如何在javascript中设置按钮点击计时器?,javascript,Javascript,我正在按按钮设置计时器 $(document).on("click", "[button]", function() { var button = document.getElementById('my_btn'); var time = 5; var timer = setInterval(function() { if (time > 0) {

我正在按按钮设置计时器

$(document).on("click", "[button]", function() {
        var button = document.getElementById('my_btn');
            var time = 5;
            var timer = setInterval(function() {
              if (time > 0) {
                time--;
                button.disabled = true;
                button.innerHTML = 'Please wait for '+time+ ' seconds' ;
                console.log(time);
              }
              if (time === 0) {
                button.disabled = false;
                button.innerHTML = 'Press Me' ;
              }
            }, 1000);
        });
这只运行一次。当计时器完成时。然后,当我再次点击按钮时。它不会显示任何内容,也不会发生任何事情。

在if(time==0)中清除间隔{


您需要重置
时间
变量。时间变量从未赋值。
if (time === 0) {
  button.disabled = false;
  button.innerHTML = 'Press Me' ;
  clearInterval(timer); // here
}