การใช้setTimeout()
มันเป็นไปได้ที่จะเปิดตัวฟังก์ชั่นในเวลาที่กำหนด:
setTimeout(function, 60000);
แต่ถ้าฉันต้องการเปิดฟังก์ชั่นหลาย ๆ ครั้งล่ะ? ทุกครั้งที่ช่วงเวลาผ่านไปฉันต้องการเรียกใช้ฟังก์ชัน (ทุก ๆ 60 วินาทีสมมติว่า)
การใช้setTimeout()
มันเป็นไปได้ที่จะเปิดตัวฟังก์ชั่นในเวลาที่กำหนด:
setTimeout(function, 60000);
แต่ถ้าฉันต้องการเปิดฟังก์ชั่นหลาย ๆ ครั้งล่ะ? ทุกครั้งที่ช่วงเวลาผ่านไปฉันต้องการเรียกใช้ฟังก์ชัน (ทุก ๆ 60 วินาทีสมมติว่า)
คำตอบ:
หากคุณไม่สนใจว่ารหัสภายในtimer
อาจใช้เวลานานกว่าช่วงเวลาของคุณให้ใช้setInterval()
:
setInterval(function, delay)
นั่นจะทำให้ฟังก์ชันส่งผ่านเป็นพารามิเตอร์แรกซ้ำไปซ้ำมา
วิธีที่ดีกว่าคือใช้setTimeout
ร่วมกับself-executing anonymous
ฟังก์ชั่น:
(function(){
// do some stuff
setTimeout(arguments.callee, 60000);
})();
ที่รับประกันว่าจะไม่ทำการโทรครั้งต่อไปก่อนที่จะมีการเรียกใช้รหัสของคุณ ฉันใช้arguments.callee
ในตัวอย่างนี้เป็นการอ้างอิงฟังก์ชัน มันเป็นวิธีที่ดีกว่าในการตั้งชื่อฟังก์ชั่นและการเรียกใช้ภายในsetTimeout
เพราะarguments.callee
เลิกใช้แล้วใน ecmascript 5
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 's คำตอบที่จะใช้ฟังก์ชั่นการเลือกตั้งที่โพลทุก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);
UPDATE
ตามความคิดเห็นปรับปรุงสำหรับความสามารถของฟังก์ชั่นผ่านเพื่อหยุดการเลือกตั้ง:
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 ต่อนาที
setInterval(fn,time)
เป็นวิธีการที่คุณหลังจาก
คุณสามารถเรียกใช้ setTimeout ได้ที่ท้ายฟังก์ชั่น สิ่งนี้จะเพิ่มอีกครั้งในคิวเหตุการณ์ คุณสามารถใช้ตรรกะชนิดใดก็ได้เพื่อเปลี่ยนแปลงค่าการหน่วงเวลา ตัวอย่างเช่น,
function multiStep() {
// do some work here
blah_blah_whatever();
var newtime = 60000;
if (!requestStop) {
setTimeout(multiStep, newtime);
}
}
เรียกใช้ฟังก์ชัน 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)
ที่นี่เราใช้หมายเลขธรรมดาเป็น 0 ถึง ...... n (พิมพ์หมายเลขถัดไปในคอนโซลทุกๆ 60 วินาที) โดยใช้ setInterval ()
var count = 0;
function abc(){
count ++;
console.log(count);
}
setInterval(abc,60*1000);
มี 2 วิธีในการโทร -
setInterval(function (){ functionName();}, 60000);
setInterval(functionName, 60000);
ฟังก์ชั่นด้านบนจะโทรทุก 60 วินาที