回答:
内のコードがtimer
間隔より長くかかるかどうかを気にしない場合は、次を使用しますsetInterval()
。
setInterval(function, delay)
これにより、最初のパラメーターとして渡された関数が繰り返し呼び出されます。
より良いアプローチは、関数setTimeout
と一緒に使用することself-executing anonymous
です:
(function(){
// do some stuff
setTimeout(arguments.callee, 60000);
})();
これにより、コードが実行される前に次の呼び出しが行われないことが保証されます。arguments.callee
この例では、関数の参照として使用しました。ecmascript 5で非推奨になっているsetTimeout
ため、関数に名前を付けてそれを呼び出すより良い方法arguments.callee
です。
clearInterval()
パートナー関数でsetInterval()
あり、役に立ちます。
使用
setInterval(function, 60000);
編集:(開始後に時計を停止したい場合)
スクリプトセクション
<script>
var int=self.setInterval(function, 60000);
</script>
およびHTMLコード
<!-- Stop Button -->
<a href="#" onclick="window.clearInterval(int);return false;">Stop</a>
jAndyの回答をより適切に使用して、1 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
か?
interval
そしてtimeout
ミリ秒であり、そうではありませんか?
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>
// Change Interval here to test. For eg: 5000 for 5 sec
現在、6秒ごとに変更するように設定されています。分間の利用価値60000
JavaScript関数を2秒ごとに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"); }
// 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
)
}
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つあります
setInterval(function (){ functionName();}, 60000);
setInterval(functionName, 60000);
上記の関数は60秒ごとに呼び出されます。