반응형
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
반응형
'code' 카테고리의 다른 글
사용자 정의 대화 상자 애니메이션 (0) | 2020.08.31 |
---|---|
커밋 메시지에 Git의 브랜치 이름을 추가하는 방법은 무엇입니까? (0) | 2020.08.31 |
데이터 세트에서 특이 치를 제거하는 방법 (0) | 2020.08.31 |
priorityQueue를 최대 priorityqueue로 변경 (0) | 2020.08.31 |
CGPoint 데이터가있는 NSLog (0) | 2020.08.31 |