每60秒调用一个函数

Question

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

setTimeout(function, 60000);

但是如果我想多次启动函数怎么办？每当经过一段时间，我都想执行该函数（例如每60秒执行一次）。

- Richard Knop

---

这个回答解决了你的问题吗？JavaScript：每分钟运行一次代码 - Nakilon

Answer 1

如果您不介意在间隔时间内代码可能需要更长的时间，请使用setInterval()：

setInterval(function, delay)

该函数会反复调用第一个参数中传入的函数。

较好的方式是使用setTimeout与一个自执行匿名函数：

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

保证在您的代码执行后再进行下一次调用。在此示例中，我使用了arguments.callee作为函数引用。这是更好的方法，因为arguments.callee在ecmascript 5中已被弃用，所以最好给函数命名并在setTimeout内调用。

- jAndy

---

代码执行完毕之前，下一个调用不可能被进行。计时器以异步方式倒计时，但回调函数必须排队等待执行。这意味着你的回调函数可能（并且很可能）会在60秒以上才触发。 - Andy E

setInterval 和这里的方法不同之处在于，setInterval 通常会在上一次迭代开始后 x 毫秒运行函数，而这里的方法会在上一次迭代结束 x 毫秒后运行下一次迭代。 - Gareth

对于其他可能会遇到这个问题的人，需要注意的是 clearInterval() 是 setInterval() 的伴侣函数，如果你想停止定期调用的函数，它非常有用。 - Clay

请注意，setInterval函数会在延迟delay毫秒后第一次执行函数。因此，如果您想立即执行函数，然后每隔delay时间重复执行，请按以下方式操作： func(); setInterval(func, delay); - Marco Marsala

我不理解arguments.callee这个东西。我有一个getRates()函数，但是(function(){getRates(); setTimeout(getRates(), 10000);})();没有起作用 :/ 翻译说明：尽可能保持原文意思和语法结构，简化表达方式并使用常用词汇，去除非必要的解释和额外内容。 - darth0s

Answer 2

使用它

setInterval(function, 60000);

---

编辑：（如果您想在启动后停止该功能）

脚本部分（将自动启动）

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

和带有停止按钮的HTML代码

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

- Muneer

---

在这种情况下，如果已经开始重复了，你要如何停止它的重复？ - Anderson Green

Answer 3

使用 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.
    }
}

- Om Shankar

---

你如何在 sendHeartBeat 中停止轮询？ - temuri

这是一个很好的例子！当你使用定时器时，编写单元测试会更加困难，但是采用这种方法 - 就很容易了。 - Dmytro Medvid

好的回答。请问您能否更新一下 new Date 的用法，使它们保持一致？一个使用 (new Date).getTime()，另一个使用 (new Date()).getTime()。虽然两者似乎都可以正常工作。 - Mark Adamson

interval 和 timeout 是以毫秒为单位计算的，是吗？ - Patrizio Bekerle

Answer 4

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

- Optimum Creative

---

数字大约每12秒更新一次 - 这不应该是一分钟吗？ - Max

请更改此处的时间间隔以进行测试。例如：将其设置为5000表示5秒，当前设置为每6秒更改一次。若要更改为1分钟，请使用值60000。 - Optimum Creative

Answer 5

在函数末尾，您可以简单地调用setTimeout。这将再次将其添加到事件队列中。您可以使用任何类型的逻辑来变化延迟值。例如，

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

- John Henckel

Answer 6

setInterval(fn,time)

这是你需要的方法。

- Jamiec

Answer 7

使用 window.setInterval(func, time) 函数。

- christian louboutin sale

Answer 8

一个很好的示例是在哪里订阅setInterval()，并使用clearInterval()来停止永久循环：

function myTimer() {

}

var timer = setInterval(myTimer, 5000);

调用此代码行可停止循环：

clearInterval(timer);

- Madhusanka Edirimanna

Answer 9

Call a Javascript function every 2 second continuously for 10 second.

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");
}

- Ankit Tiwari

Answer 10

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)

- user12449933