每60秒调用一个函数

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

setTimeout(function, 60000);

但是如果我想多次启动这个函数呢?每当一个时间间隔过去时，我都希望执行函数(假设每60秒执行一次)。

496352 次浏览
小开

使用

setInterval(function, 60000);

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

脚本部分

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

及HTML代码

<!-- Stop Button -->
<a href="#" onclick="window.clearInterval(int);return false;">Stop</a>
小开 
setInterval(fn,time)

是你所追求的方法。

小开
最佳答案

如果你不关心timer中的代码是否会比你的间隔时间长，请使用setInterval():

setInterval(function, delay)

反复触发作为第一个参数传入的函数。

更好的方法是将setTimeout与self-executing anonymous函数一起使用:

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

这保证了在执行代码之前不会进行下一次调用。在本例中，我使用arguments.callee作为函数引用。为函数命名并在setTimeout中调用是一种更好的方式，因为在ecmascript 5中已弃用arguments.callee。

小开

使用window.setInterval(func, time)。

小开

更好地使用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.
}
}
小开

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

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

有两种方法叫-

  1. setInterval(function (){ functionName();}, 60000);

  2. setInterval(functionName, 60000);

以上函数将每60秒调用一次。

小开

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

小开 
// 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
)
}
小开

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

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

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)

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

小开

一个订阅setInterval()并使用clearInterval()停止永久循环的好例子:

function myTimer() {


}


var timer = setInterval(myTimer, 5000);

调用这一行来停止循环:

clearInterval(timer);
小开

我喜欢调用一个包含循环函数的函数，该循环函数定期对自己调用setTimeout。

function timer(interval = 1000) {
function loop(count = 1) {
console.log(count);
setTimeout(loop, interval, ++count);
}
loop();
}


timer();

小开

我看到这里没有提到，如果你需要在repeat setTimeout(myFunc(myVal), 60000);上传递一个参数给你的函数，将导致在前一个调用完成之前调用函数的错误。

因此，您可以像这样传递参数

setTimeout(function () {
myFunc(myVal);
}, 60000)

要获得更详细的信息，您可以查看JavaScript的花园。

希望它能帮助到一些人。


提交答案