每60秒调用一次函数

Ric*_*nop 227 javascript function timer setinterval

使用setTimeout()它可以在指定的时间启动一个功能:

setTimeout(function, 60000);
Run Code Online (Sandbox Code Playgroud)

但是,如果我想多次启动该功能怎么办?每次时间间隔过去,我都想执行该功能(每60秒,让我们说).

jAn*_*ndy 351

如果您不在乎代码中的代码是否timer需要超过您的间隔,请使用setInterval():

setInterval(function, delay)
Run Code Online (Sandbox Code Playgroud)

这会反复激活作为第一个参数传入的函数.

更好的方法是setTimeoutself-executing anonymous功能一起使用:

(function(){
    // do some stuff
    setTimeout(arguments.callee, 60000);
})();
Run Code Online (Sandbox Code Playgroud)

这保证了在代码执行之前没有进行下一次调用.我arguments.callee在这个例子中用作函数引用.这是一个更好的方法,为函数命名并调用它,setTimeout因为arguments.callee在ecmascript 5中已弃用.

  • 正如其他人可能会发现这样的注释 - `clearInterval()`是`setInterval()`的伙伴函数,如果你想停止定期函数调用,它会派上用场. (41认同)
  • 区别在于setInterval通常在前一次迭代的**start**之后运行x毫秒,而此处的方法将在前一次**结束后x毫秒运行**** (14认同)
  • 请注意,setInterval在延迟ms后第一次执行该函数.因此,如果你想立即执行函数,然后重复每个延迟,你应该这样做:func(); setInterval(func,delay); (7认同)
  • 在代码完成执行之前,不可能进行下一次调用.计时器异步倒计时,但回调必须排队.这意味着您的回调可能(并且可能会)在超过60秒后触发. (6认同)
  • 我只是不明白这个论点。我有getRates()函数,但是(function(){getRates(); setTimeout(getRates(),10000);})(); 不管用 :/ (3认同)

Blu*_*ird 64

使用

setInterval(function, 60000);
Run Code Online (Sandbox Code Playgroud)

编辑:(如果你想在启动后停止时钟)

脚本部分

<script>
var int=self.setInterval(function, 60000);
</script>
Run Code Online (Sandbox Code Playgroud)

和HTML代码

<!-- Stop Button -->
<a href="#" onclick="window.clearInterval(int);return false;">Stop</a>
Run Code Online (Sandbox Code Playgroud)

  • 在那种情况下,在它开始重复之后,你将如何阻止它重复? (2认同)

Om *_*kar 25

更好地利用jAndy答案来实现轮询函数,该函数每秒轮询一次interval,并在timeout几秒钟后结束.

function pollFunc(fn, timeout, interval) {
    var startTime = (new Date()).getTime();
    interval = interval || 1000;

    (function p() {
        fn();
        if (((new Date).getTime() - startTime ) <= timeout)  {
            setTimeout(p, interval);
        }
    })();
}

pollFunc(sendHeartBeat, 60000, 1000);
Run Code Online (Sandbox Code Playgroud)

UPDATE

根据评论,更新它以传递函数停止轮询的能力:

function pollFunc(fn, timeout, interval) {
    var startTime = (new Date()).getTime();
    interval = interval || 1000,
    canPoll = true;

    (function p() {
        canPoll = ((new Date).getTime() - startTime ) <= timeout;
        if (!fn() && canPoll)  { // ensures the function exucutes
            setTimeout(p, interval);
        }
    })();
}

pollFunc(sendHeartBeat, 60000, 1000);

function sendHeartBeat(params) {
    ...
    ...
    if (receivedData) {
        // no need to execute further
        return true; // or false, change the IIFE inside condition accordingly.
    }
}
Run Code Online (Sandbox Code Playgroud)

  • 这是一个很好的例子!当您使用计时器时,编写单元测试会更困难,但使用这种方法 - 很容易 (2认同)

Opt*_*ive 14

在jQuery中你可以这样做.

function random_no(){
     var ran=Math.random();
     jQuery('#random_no_container').html(ran);
}
           
window.setInterval(function(){
       /// call your function here
      random_no();
}, 6000);  // Change Interval here to test. For eg: 5000 for 5 sec
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="random_no_container">
      Hello. Here you can see random numbers after every 6 sec
</div>
Run Code Online (Sandbox Code Playgroud)

  • 见注释 `// 在这里更改间隔以进行测试。例如:5000 for 5 sec` 当前设置为每 6 秒更改一次。使用值 60000 一分钟 (2认同)

Jam*_*iec 8

setInterval(fn,time)
Run Code Online (Sandbox Code Playgroud)

是你想要的方法.


Joh*_*kel 7

您可以在函数末尾调用setTimeout.这会将它再次添加到事件队列中.您可以使用任何类型的逻辑来改变延迟值.例如,

function multiStep() {
  // do some work here
  blah_blah_whatever();
  var newtime = 60000;
  if (!requestStop) {
    setTimeout(multiStep, newtime);
  }
}
Run Code Online (Sandbox Code Playgroud)


小智 6

订阅 asetInterval()并使用 aclearInterval()停止永远循环的一个很好的例子:

function myTimer() {

}

var timer = setInterval(myTimer, 5000);
Run Code Online (Sandbox Code Playgroud)

调用此行来停止循环:

clearInterval(timer);
Run Code Online (Sandbox Code Playgroud)