เรียกใช้ฟังก์ชันทุก 60 วินาที


245

การใช้setTimeout()มันเป็นไปได้ที่จะเปิดตัวฟังก์ชั่นในเวลาที่กำหนด:

setTimeout(function, 60000);

แต่ถ้าฉันต้องการเปิดฟังก์ชั่นหลาย ๆ ครั้งล่ะ? ทุกครั้งที่ช่วงเวลาผ่านไปฉันต้องการเรียกใช้ฟังก์ชัน (ทุก ๆ 60 วินาทีสมมติว่า)

คำตอบ:


374

หากคุณไม่สนใจว่ารหัสภายในtimerอาจใช้เวลานานกว่าช่วงเวลาของคุณให้ใช้setInterval():

setInterval(function, delay)

นั่นจะทำให้ฟังก์ชันส่งผ่านเป็นพารามิเตอร์แรกซ้ำไปซ้ำมา

วิธีที่ดีกว่าคือใช้setTimeoutร่วมกับself-executing anonymousฟังก์ชั่น:

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

ที่รับประกันว่าจะไม่ทำการโทรครั้งต่อไปก่อนที่จะมีการเรียกใช้รหัสของคุณ ฉันใช้arguments.calleeในตัวอย่างนี้เป็นการอ้างอิงฟังก์ชัน มันเป็นวิธีที่ดีกว่าในการตั้งชื่อฟังก์ชั่นและการเรียกใช้ภายในsetTimeoutเพราะarguments.calleeเลิกใช้แล้วใน ecmascript 5


6
ไม่สามารถทำการเรียกครั้งต่อไปได้ก่อนที่รหัสจะเสร็จสิ้นการดำเนินการ ตัวจับเวลานับถอยหลังแบบอะซิงโครนัส แต่การโทรกลับต้องรออยู่ ซึ่งหมายความว่าการติดต่อกลับของคุณอาจเริ่มทำงาน (และอาจจะ) หลังจากผ่านไปนานกว่า 60 วินาที
Andy E

14
ความแตกต่างคือ setInterval โดยทั่วไปจะเรียกใช้ฟังก์ชั่น x มิลลิวินาทีหลังจากเริ่มต้นของการทำซ้ำก่อนหน้านี้ในขณะที่วิธีที่นี่จะเรียกใช้การทำซ้ำต่อไป x มิลลิวินาทีหลังจากที่ก่อนหน้านี้สิ้นสุดลง
Gareth

41
เช่นเดียวกับโน้ตสำหรับคนอื่น ๆ ที่อาจพบสิ่งนี้ - clearInterval()เป็นฟังก์ชั่นของคู่ค้าsetInterval()และมีประโยชน์ถ้าคุณต้องการหยุดการเรียกฟังก์ชันเป็นระยะ
Clay

7
โปรดทราบว่า setInterval จะเรียกใช้ฟังก์ชันเป็นครั้งแรกหลังจาก ms ล่าช้า ดังนั้นหากคุณต้องการใช้งานฟังก์ชั่นทันทีและจากนั้นทำซ้ำทุกความล่าช้าคุณควรทำ: func (); setInterval (func ล่าช้า);
Marco Marsala

5
ฉันไม่ได้รับข้อโต้แย้งนี้ ฉันมีฟังก์ชั่น getRates () แต่ (ฟังก์ชั่น () {getRates (); setTimeout (getRates (), 10,000);}) (); ไม่ทำงาน: /
darth0s

66

ใช้

setInterval(function, 60000);

แก้ไข: (ในกรณีถ้าคุณต้องการหยุดนาฬิกาหลังจากที่เริ่มต้น)

ส่วนสคริปต์

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

และรหัส HTML

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

1
ในกรณีดังกล่าวคุณจะหยุดย้ำไม่ให้ทำซ้ำหลังจากเริ่มทำซ้ำได้อย่างไร
Anderson Green

26

การใช้งานที่ดีขึ้นของ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อย่างไร
temuri

1
นี่เป็นตัวอย่างที่ดี! เมื่อคุณใช้ตัวจับเวลามันยากที่จะเขียนการทดสอบหน่วย แต่ด้วยวิธีนี้ - ง่าย
Dmytro Medvid

คำตอบที่ดี. โปรดคุณสามารถอัปเดตหนึ่งในการใช้งานของวันที่ใหม่เพื่อให้สอดคล้องกันหนึ่งใช้ (วันที่ใหม่) .getTime () และอื่น ๆ (ใหม่วันที่ ()). getTime () ทั้งคู่ดูเหมือนว่าจะใช้ได้ดี
Mark Adamson

intervalและtimeoutมีหน่วยเป็นมิลลิวินาทีใช่ไหม
Patrizio Bekerle

18

ใน 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>


จำนวนการต่ออายุจะมากขึ้นหรือน้อยลงในทุกๆ 12 วินาที - ไม่ควรจะเป็นหนึ่งนาที
สูงสุด

1
ดูความคิดเห็น// Change Interval here to test. For eg: 5000 for 5 secขณะนี้มีการตั้งค่าให้เปลี่ยนทุก 6 วินาที ใช้มูลค่า 60000 ต่อนาที
Optimum Creative


7

คุณสามารถเรียกใช้ setTimeout ได้ที่ท้ายฟังก์ชั่น สิ่งนี้จะเพิ่มอีกครั้งในคิวเหตุการณ์ คุณสามารถใช้ตรรกะชนิดใดก็ได้เพื่อเปลี่ยนแปลงค่าการหน่วงเวลา ตัวอย่างเช่น,

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


3

เรียกใช้ฟังก์ชัน 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");
}


1
// 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
  )
}

1

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

ที่นี่เราใช้หมายเลขธรรมดาเป็น 0 ถึง ...... n (พิมพ์หมายเลขถัดไปในคอนโซลทุกๆ 60 วินาที) โดยใช้ setInterval ()

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

1
คำอธิบายเล็ก ๆ น้อย ๆ เกี่ยวกับวิธีแก้ปัญหาจะดีมาก
vahdet

-1

มี 2 ​​วิธีในการโทร -

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

  2. setInterval(functionName, 60000);

ฟังก์ชั่นด้านบนจะโทรทุก 60 วินาที

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.