每 60 秒调用一次函数

IT技术 javascript function timer setinterval
2021-01-11 22:44:01

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

setTimeout(function, 60000);

但是如果我想多次启动该功能怎么办?每次经过一个时间间隔时,我都想执行该函数(假设每 60 秒一次)。

6个回答

如果您不关心其中的代码是否timer可能需要比您的时间间隔更长的时间,请使用setInterval()

setInterval(function, delay)

这会一遍又一遍地触发作为第一个参数传入的函数。

更好的方法是,setTimeoutself-executing anonymous函数一起使用

(function(){
    // do some stuff
    setTimeout(arguments.callee, 60000);
})();

这保证了在您的代码执行之前不会进行下一次调用。arguments.callee在这个例子中用作函数参考。这是给函数命名并在其中调用的更好方法,setTimeout因为arguments.callee在 ecmascript 5 中已弃用。

在代码完成执行之前不可能进行下一次调用。计时器异步倒计时,但回调必须排队。这意味着您的回调可能(并且可能会)在超过 60 秒后触发。
2021-03-18 22:44:01
请注意 setInterval 在延迟 ms 后第一次执行该函数。所以如果你想立即执行函数,然后重复每个延迟,你应该这样做: func(); 设置间隔(功能,延迟);
2021-03-19 22:44:01
不同之处在于 setInterval 通常会在上一次迭代开始后 x 毫秒运行函数,而这里的方法将在上一次迭代结束后 x 毫秒运行下一次迭代
2021-03-25 22:44:01
就像给可能会发现此clearInterval()功能的其他人的注释一样 -setInterval()如果您想停止定期函数调用,它是一个合作伙伴函数并且会派上用场。
2021-03-31 22:44:01
我只是不明白这个arguments.callee 的事情。我有 getRates() 函数但是 (function(){getRates(); setTimeout(getRates(), 10000); })(); 不管用 :/
2021-03-31 22:44:01

使用

setInterval(function, 60000);

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

脚本部分

<script>
var int=self.setInterval(function, 60000);
</script>

和 HTML 代码

<!-- Stop Button -->
<a href="#" onclick="window.clearInterval(int);return false;">Stop</a>
在那种情况下,在它开始重复之后,你将如何阻止它重复?
2021-03-30 22:44:01

更好地利用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);

更新

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

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.
    }
}
好答案。请您更新 new Date 的其中一种用法,使它们保持一致,一种使用 (new Date).getTime(),另一种使用 (new Date()).getTime()。虽然两者似乎都可以正常工作
2021-03-19 22:44:01
你会如何从内部停止投票sendHeartBeat
2021-03-26 22:44:01
这是一个很好的例子!当您使用计时器时,编写单元测试会更困难,但是使用这种方法 - 很容易
2021-03-28 22:44:01
interval并且timeout以毫秒为单位,不是吗?
2021-03-30 22:44:01

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

数字每 12 秒或多或少更新一次 - 这不应该是一分钟吗?
2021-04-01 22:44:01
查看评论// Change Interval here to test. For eg: 5000 for 5 sec目前设置为每 6 秒更改一次。使用值 60000 一分钟
2021-04-01 22:44:01
setInterval(fn,time)

是你所追求的方法。