在间隔基础上绑定值HTML,Javascript

Bind the values in interval basis HTML,Javascript

本文关键字：HTML Javascript 绑定 基础上      更新时间：2023-09-26

嗨，这是我的代码，我需要绑定值，如

输出:test test test

这是我的代码，但工作，

     <script type="text/javascript">
    function delayMsg2() {
      var timer = null;
        if (timer == null)
    {
            timer = setInterval(rudy(), 1000);
        }
        else 
        {
            clearInterval(timer);
            timer = null;
        }
    }
    function rudy() 
    {   
   document.getElementById("output2").innerHTML = document.getElementById("output2").innerHTML + " test";

    }
  </script>     
     <div>
    <button onclick="delayMsg2();" >Click me!</button>
    <span id="output2"></span>
   </div>

需要修改的内容

直接引用函数rudy:

timer = setInterval(rudy, 1000);

不需要像其他答案那样写闭包。

你的代码有什么问题?在执行delay2msg的同时执行rudy()，并将返回值(为空)传递给setInterval()方法。不太好

更改行

timer = setInterval(rudy(), 1000);


timer = setInterval(function(){rudy();}, 1000);
<标题>更新演示

你必须修正你的setInterval声明

timer = setInterval(function(){rudy()}, 1000);

用这个改变你的代码，这也将解决你的启动/停止间隔的问题。

var timer = null;
function delayMsg2() {
    if (timer == null) {
        timer = setInterval(rudy, 1000);
    } else {
        clearInterval(timer);
        timer = null;
    }
}
function rudy() {   
    document.getElementById("output2").innerHTML = document.getElementById("output2").innerHTML + " test";
}
演示

相关文章：