다른 화면으로 이동하면 타이머가 자동으로 일시 중지됩니다.

Question

저는 html 5 및 jquery를 사용하여 응용 프로그램에 타이머를 설정했습니다. 이제 다른 탭으로 이동하거나 창을 최소화하면 몇 초 동안 타이머가 멈 춥니 다. 그리고 다시 윈도우 (탭 또는 브라우저 페이지, u가 무엇이든간에)를 열면 타이머가 시작됩니다. 그러나 그 초 동안 멈추게됩니다. 문제는 무엇이되어야합니까? 어떤 코드를 작성해야합니까? 타이머를 얻기를위한

코드는 다음과 같습니다

여기

타이머가 설정되고 그것을 실행하지만 최대한 빨리 다른 페이지 내 포커스를 이동로, 타이머가 일시 중지됩니다. 함수가 여기에 표시됩니다.

function showTime() 
{ 
    if(ms>=100){ 
     ms = 0; 
     s++; 
    } 
    // calculates seconds and hours also 

    var temp= $("#clock").text(checkTime(h)+":"+checkTime(m)+":"+checkTime(s)+"."+checkTime(ms)); 
    timer=setTimeout('showTime()', 10); 
} 

checktime은 고정 된 간격으로 호출되는 단지 숫자 10

Answer 1

당신이 기능을 원하는 < 앞에 0을 추가 기능 사용 setInterval

setInterval(showTime, 10);//calls showTime every 10 miliseconds