js의 카운트 다운 타이머

-1

저는 JavaScript가 손상되었습니다. - 카운트 다운 스크립트를 작성해야합니다. 카운트 다운 스크립트는 45 분 동안 카운트 다운되며 타이틀 바 또는 사용자 브라우저에 남은 시간을 추가 할뿐만 아니라 시간이 다되었을 때 기능이 작동합니다 경고 메시지처럼.js의 카운트 다운 타이머

나는 처음부터 코드를 갖고 싶었다.

출처

2012-10-25 James Stafford

무엇을 이미 시도 했습니까? 어떤 간격으로 시간이 증가해야합니까? – BenM

여기가 적합합니다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
    <script> 
    var interval; 
    var minutes = 1; 
    var seconds = 5; 
    window.onload = function() { 
     countdown('countdown'); 
    } 

    function countdown(element) { 
     interval = setInterval(function() { 
      var el = document.getElementById(element); 
      if(seconds == 0) { 
       if(minutes == 0) { 
        el.innerHTML = "countdown's over!"; 
        alert("countdown's over!"); 
        clearInterval(interval); 
        return; 
       } else { 
        minutes--; 
        seconds = 60; 
       } 
      } 
      if(minutes > 0) { 
       var minute_text = minutes + (minutes > 1 ? ' minutes' : ' minute'); 
      } else { 
       var minute_text = ''; 
      } 
      var second_text = seconds > 1 ? 'seconds' : 'second'; 
      el.innerHTML = minute_text + ' ' + seconds + ' ' + second_text + ' remaining'; 
      document.title = minute_text + ' ' + seconds + ' ' + second_text + ' remaining'; 
      seconds--; 
     }, 1000); 
    } 
    </script> 
</head> 
<body> 
<div id='countdown'></div> 
</body> 
</html>

출처

2012-10-25 16:45:22

js의 카운트 다운 타이머

답변

관련 문제