使用setTimeout()可以在指定的时间启动一个函数:
setTimeout(function, 60000);
但是如果我想多次启动这个函数呢?每当一个时间间隔过去时,我都希望执行函数(假设每60秒执行一次)。
使用setTimeout()可以在指定的时间启动一个函数:
setTimeout(function, 60000);
但是如果我想多次启动这个函数呢?每当一个时间间隔过去时,我都希望执行函数(假设每60秒执行一次)。
使用
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():
setInterval(function, delay)
反复触发作为第一个参数传入的函数。
一个更好的方法是使用setTimeout和一个自动执行的匿名函数:
(function(){
// do some stuff
setTimeout(arguments.callee, 60000);
})();
这保证了在执行代码之前不会进行下一次调用。我使用了论点。本例中的Callee作为函数引用。给函数命名并在setTimeout中调用是一种更好的方式因为参数。Callee在ecmascript 5中已弃用。
更好地使用jAndy的答案来实现一个轮询函数,该函数每间隔秒轮询一次,并在超时秒后结束。
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);
}
}
有两种方法叫-
setInterval(function (){functionName();}, 60000); setInterval (functionName, 60000);
以上函数将每60秒调用一次。
在jQuery中,你可以这样做。
函数random_no () { var跑= math . random (); jQuery (# random_no_container) . html(跑); } setinterval(函数(){ ///调用你的函数 random_no (); }, 6000);//将Interval改为test。例如:5000秒 < script src = " https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js " > < /脚本> < div id = " random_no_container " > 你好。在这里你可以看到每6秒后的随机数 < / 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);
函数随机(数){ return Math.floor(Math.random() * (number+1)); } setInterval(() => { const rndCol = ' rgb(' +随机(255 ) + ',' + 随机(255 ) + ',' + 随机(255 ) + ')';// rgb值(0 - 255 0 - 255 0 - 255) document.body.style.backgroundColor = rndCol; }, 1000); < script src = " . js " > < /脚本> 它每1秒改变背景颜色(在JS中写为1000)
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"); }
一个订阅setInterval()并使用clearInterval()来停止永久循环的好例子:
function myTimer() {
}
var timer = setInterval(myTimer, 5000);
调用这一行来停止循环:
clearInterval(timer);
我倾向于调用包含循环函数的函数,该循环函数定期对自身调用setTimeout。
函数计时器(间隔 = 1000) { 函数循环(计数 = 1) { 控制台.log(计数); setTimeout(loop, interval, ++count); } 循环(); } 计时器();
我看到这里没有提到,如果你需要在重复setTimeout(myFunc(myVal), 60000)上传递一个参数给你的函数;将导致在前一个调用完成之前调用函数的错误。
因此,您可以像这样传递参数
setTimeout(function () {
myFunc(myVal);
}, 60000)
有关更详细的信息,您可以查看JavaScript花园。
希望它能帮助到一些人。