자바스크립트 함수를 5초마다 연속 호출

자바스크립트 함수를 5초마다 연속 호출

이 질문에는 이미 다음과 같은 답변이 있습니다.

닫힘11년 전에.

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

계속해서 5초마다 자바스크립트 함수를 호출하고 싶습니다.setTime을 보았습니다.아웃 이벤트.계속해서 원한다면 잘 될까요?

를 사용할 수 있습니다. 인수는 동일합니다.

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();

이것은 재귀 함수가 아닙니다.함수가 끝나기 전에 자체 호출하는 것이 아니라 a를 호출하는 것입니다.setTimeout나중에 같은 함수를 다시 호출할 함수입니다.

나중에 작업을 반복하기 위해 대신 사용할 수 있는 내장 기능이 있습니다.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