每60秒调用一次函数


244

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

setTimeout(function, 60000);

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

Answers:


373

如果您不在乎内的代码是否timer可能花费比您的间隔更长的时间,请使用setInterval()

setInterval(function, delay)

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

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

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

这样可以确保在执行代码之前不会进行下一个调用。arguments.callee在本示例中,我将其用作函数参考。这是给函数命名并在其中调用的更好方法,setTimeout因为arguments.callee在ecmascript 5中已弃用。


6
在代码完成执行之前,不可能进行下一个调用。计时器异步倒计时,但回调必须排队。这意味着您的回调可能会(并且可能会)在超过60秒后触发。
安迪E

14
区别在于setInterval通常在上一次迭代开始后的x毫秒内运行该函数,而此处的方法将在上一次迭代结束
Gareth,2010年

41
就像其他人可能会注意到的那样- clearInterval()是您的伙伴函数,setInterval()如果您想停止定期函数调用,它会派上用场。
Clay

7
请注意,setInterval在延迟ms之后第一次执行该功能。因此,如果您想立即执行功能,然后在每个延迟重复一次,则应该这样做:func(); setInterval(func,delay);
Marco Marsala 2014年

5
我只是不明白这个论点。我有getRates()函数,但是(function(){getRates(); setTimeout(getRates(),10000);})(); 无法正常工作:/
darth0s

66

使用

setInterval(function, 60000);

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

脚本部分

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

和HTML代码

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

1
在这种情况下,如何在开始重复后阻止它重复?
安德森·格林

26

更好地利用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.
    }
}

您如何从内部停止轮询sendHeartBeat
temuri

1
这是一个很好的例子!当您使用定时器更难写单元测试,但这种方法-它很容易
德米特罗Medvid

好答案。请更新新日期的用法之一,使其一致,一个使用(new Date).getTime(),另一个使用(new Date())。getTime()。两者似乎都可以正常工作
Mark Adamson

intervaltimeout以毫秒为单位,不是吗?
Patrizio Bekerle,

18

在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秒更新一次或多或少-这不是一分钟吗?
Max

1
查看评论// Change Interval here to test. For eg: 5000 for 5 sec当前设置为每6秒更改一次。一分钟使用价值60000
Optimum Creative


7

您只需在函数末尾调用setTimeout。这会将其再次添加到事件队列中。您可以使用任何一种逻辑来更改延迟值。例如,

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


3

每2秒钟连续调用Javascript函数10秒钟。

var intervalPromise;
$scope.startTimer = function(fn, delay, timeoutTime) {
    intervalPromise = $interval(function() {
        fn();
        var currentTime = new Date().getTime() - $scope.startTime;
        if (currentTime > timeoutTime){
            $interval.cancel(intervalPromise);
          }                  
    }, delay);
};

$scope.startTimer(hello, 2000, 10000);

hello(){
  console.log("hello");
}


1
// example:
// checkEach(1000, () => {
//   if(!canIDoWorkNow()) {
//     return true // try again after 1 second
//   }
//
//   doWork()
// })
export function checkEach(milliseconds, fn) {
  const timer = setInterval(
    () => {
      try {
        const retry = fn()

        if (retry !== true) {
          clearInterval(timer)
        }
      } catch (e) {
        clearInterval(timer)

        throw e
      }
    },
    milliseconds
  )
}

1

function random(number) {
  return Math.floor(Math.random() * (number+1));
}
setInterval(() => {
    const rndCol = 'rgb(' + random(255) + ',' + random(255) + ',' + random(255) + ')';//rgb value (0-255,0-255,0-255)
    document.body.style.backgroundColor = rndCol;   
}, 1000);
<script src="test.js"></script>
it changes background color in every 1 second (written as 1000 in JS)


0

在这里,我们使用setInterval()控制台自然数0到...... n(每60秒在控制台中打印下一个数字)。

var count = 0;
function abc(){
    count ++;
    console.log(count);
}
setInterval(abc,60*1000);

1
关于它如何解决问题的一些解释将是很棒的。
vahdet '19

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.