code

5 초마다 Javascript 함수를 지속적으로 호출

codestyles 2020. 8. 31. 07:47
반응형

5 초마다 Javascript 함수를 지속적으로 호출


중복 가능성 :
60 초마다 함수 호출

5 초마다 Javascript 함수를 계속 호출합니다. setTimeOut 이벤트를 보았습니다. 계속 원하면 잘 작동할까요?


사용할 수 있으며 setInterval()인수는 동일합니다.

const interval = setInterval(function() {
   // method to be executed;
 }, 5000);

clearInterval(interval); // thanks @Luca D'Amico

setTimeout함수 의 "재귀" 를 수행하면 정의 된 모든 시간 동안 계속 실행됩니다.

function yourFunction(){
    // do whatever you like here

    setTimeout(yourFunction, 5000);
}

yourFunction();

으로 최선의 코딩 사례를 제시, 사용 setTimeout대신에 setInterval.

function foo() {

    // your function code here

    setTimeout(foo, 5000);
}

foo();

이것은 재귀 함수가 아닙니다. 함수는 종료되기 전에 자신을 호출하지 않고 setTimeout나중에 동일한 함수를 다시 호출 할 함수를 호출합니다.


향후 작업을 반복하기 setInterval위해 대신 사용할 수 있는 내장 함수가 있습니다 setTimeout.
유사한 서명이 있으므로 하나에서 다른 것으로의 전환은 간단합니다.

setInterval(function() {
    // do stuff
}, duration);

좋은 작업 예 : http://jsfiddle.net/MrTest/t4NXD/62/

을 더한:

  • 멋진 fade in / fade out애니메이션이 있습니다
  • 일시 중지됩니다 :hover
  • 여러 작업 실행을 방지합니다 (두 번째 시작 전에 실행 애니메이션 완료).
  • 탭에서 중단되는 것을 방지합니다 (브라우저가 탭에서 스크립트를 중지 함).

테스트 및 작동 중!

참고 URL : https://stackoverflow.com/questions/7188145/call-a-javascript-function-every-5-seconds-continuously

반응형