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 밀리 초를 실행하는 반면, 이전 반복의 종료
가레스

41
이것을 찾을 수있는 다른 사람들을위한 메모와 마찬가지로 clearInterval()파트너 함수는 setInterval()주기적 함수 호출을 중단하려는 경우 유용합니다.
클레이

7
setInterval은 지연 ms 이후 처음으로 기능을 실행합니다. 따라서 함수를 즉시 실행하고 매 지연마다 반복하려면 다음을 수행하십시오. func (); setInterval (기능, 지연);
Marco Marsala

5
나는이 인수를 얻지 못한다. getRates () 함수가 있지만 (function () {getRates (); setTimeout (getRates (), 10000);}) (); 작동하지 않습니다 : /
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
이 경우 반복을 시작한 후 반복하지 않으려면 어떻게해야합니까?
앤더슨 그린

26

매초마다 폴링하고 몇 초 후에 끝나는 폴링 기능을 구현하기 위해 jAndy대답 을 더 잘 사용 합니다.intervaltimeout

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하시겠습니까?
temuri

1
이것은 좋은 예입니다! 타이머를 사용하면 단위 테스트를 작성하기가 어렵지만이 방법을 사용하면 쉽습니다.
Dmytro Medvid

좋은 대답입니다. 일관성을 유지하기 위해 new Date의 사용 중 하나를 업데이트 할 수 있습니까? 하나는 (new Date) .getTime ()을 사용하고 다른 하나는 (new Date ()). 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 분이 아니어야합니까?
Max

1
주석 참조 // Change Interval here to test. For eg: 5000 for 5 sec현재 6 초마다 변경되도록 설정되어 있습니다. 1 분에 60000 값 사용
Optimum Creative


7

함수 끝에서 간단히 setTimeout을 호출 할 수 있습니다. 이벤트 대기열에 다시 추가됩니다. 모든 종류의 로직을 사용하여 지연 값을 변경할 수 있습니다. 예를 들어

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


3

10 초 동안 2 초마다 Javascript 함수를 계속 호출하십시오.

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

여기서 setInterval ()을 사용하여 자연수 0 ~ ...... n (다음 60 초마다 콘솔에 다음 번호 인쇄)을 콘솔합니다.

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

1
문제를 해결하는 방법에 대한 약간의 설명이 좋습니다.
vahdet

-1

전화하는 방법은 두 가지가 있습니다.

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

  2. setInterval(functionName, 60000);

위의 기능은 60 초마다 호출됩니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.