자바 스크립트를위한 신뢰할 수있는 타이머

Question

나는 웹 사이트를 가지고 있고 이미지를 교환하기 위해 javscript 타이머를 사용하고있다.

I는 다음과 같이 타이머를 사용하고 있습니다 :

var myTimer = window.setTimeout(MyFunction, MyInterval); 

function MyFunction 
{ 
//do something 
//recalll timer 
} 

을 지금 내가 가지고있는 문제는 내가 내 응용 프로그램에서 받아 들일 수있는 간격이 일정한 간격으로 떨어져 발생하지 않는 것을하지 왜 내가 이해 달라질 수 있습니다.

내가 가진 문제는 매 순간 타이머가 몇 초 동안 멈추고 다시 시작된다는 것입니다.

타이머를 임의로 일시 중단 한 주된 원인은 무엇입니까?

리소스가 호스팅 브라우저 PC의 다른 프로세스로 전환 되었기 때문입니까 아니면 JavaScript 타이머를 사용하는 것인가?

후자는 영원한 순환을해야합니까? 어디에서나 내가 읽고 실행 한 곳은 무한 루프가 모든 리소스를 잡아서 타이머 무작위 서스펜션보다 더 큰 악마가 될 것임을 나타냅니다.

일반적인 빠른 코드 실행이 중요 할 때 javascript 타이머를 사용하는 다른 방법이 있습니까?

감사

Answer 1

당신이 MyFunction 내에서 실행되는 코드는 (당신이 무엇을하고 있는지에 따라) 실행하는 데 약간의 시간이 소요됩니다. 해당 함수가 끝날 때 타이머를 호출하면 코드 실행 시간이 추가되기 때문에 간격은 정확히 MyInterval이 아닙니다. setTimeout() 대신 setInterval()을 사용하면 (MyInterval + execution time) 밀리 초 대신 정확히 MyInterval 밀리 초마다 주어진 함수가 실행됩니다.

질문에 대답하기 위해 코드 실행 시간 때문에 임의 중단이 발생합니다.

Answer 2

웹 사이트에서 비슷한 문제가 발생하여 jQuery 플러그인의 다른 타이머 트리거 작업에서 궁극적으로 범인이 발견되어 가끔 내 자신의 기능 실행을 지연시키는 경우가있었습니다. 사이트에서 외부 코드를 사용하는 경우 일부 디버깅을 수행하여이 코드가 사용자의 경우인지 확인할 수도 있습니다.

가능한 해결 방법은 web workers입니다. 작업자 작업은 분리 된 스레드에서 실행되므로 주 스레드의 내용이 완료되는 데 너무 오래 걸리면 지연되지 않습니다.

var worker = new Worker('worker.js'); 

을 그리고라는 다른 파일에 당신은 쓸 것 "worker.js":

코드는 다음과 같을 것이다

var myTimer = setTimeout(MyFunction, MyInterval); 

function MyFunction 
{ 
//do something 
//recalll timer 
} 

그냥 setTimeout 전에 더 이상 아무 window.이없는 점에 유의 . 이는 웹 작업자가 DOM에 직접 액세스 할 수 없기 때문입니다.

문제를 해결할 수 있다고 보장 할 수는 없지만 테스트 할 가치가 있습니다.