자바 스크립트 타이머가 재설정되지 않습니다.

자바 스크립트 카운트 다운 타이머에 대한 도움이 필요합니다. 퀴즈 게임을 위해 카운트 다운 타이머를 만들려고합니다. 버튼을 누르면 다시 시작되고 다시 시작됩니다.자바 스크립트 타이머가 재설정되지 않습니다.

다시 설정하고 다시 시작할 수 있지만 시간이 지나기 전에 단추를 누르면 초 단위로 카운트 다운됩니다.

아무도 도와 줄 수 있습니까? 코드는 다음과 같습니다.

<script type="text/javascript"> 

var countdown; 
var time; 

function init() { 
    time = 11; 
    reset(); 
    trigger(); 

} 

function trigger() { 

    if(time > 0) { 
     time--; 
     document.getElementById('timer').innerHTML = time; 
     if(time > 0) { 
      countdown = setTimeout('trigger()', 1000); 
     } 
    } 
} 

function reset() { 

    clearTimeout(trigger); 

} 

</script> 

<input type="button" value="Reset" onclick="init()" /> 

<h3 id="timer">10</h3>

물론 기본 HTML 문서를 설정했습니다. 스크립트는 태그 안에 있으며 스크립트를 요소에 배치하면 타이머 동작에 차이가 없습니다.

미리 감사드립니다.

출처

2014-11-21 regniscire

http://jsfiddle.net/2wu73ba0/ 같은

clearTimeout(countdown);

가 없음이 나임하지 않습니다 여기 –

잘 작동해야한다. 8,6,5에서 그것을 눌러보십시오 – Billy

재설정 할 때 시간 초과를 지우고 있지 않습니다. 그것은 내가 또 다른 간격을 추가,이 fiddle

출처

2014-11-21 13:07:06 Billy

정말 고마워요! 나는 하루 종일 코딩하고 있었고 내 두뇌가 더 이상 제대로 작동하지 않을 것이라고 생각한다. 아마도 어쩌면 나는 휴식을 취해야한다. – regniscire

probs가 regniscire가 아니라 화면을 너무 오랫동안보고 난 후에 물건이 흐려진다. 휴식을 취하다. – Billy

자바 스크립트 타이머가 재설정되지 않습니다.

답변

관련 문제