js中的倒計時器

-1

我是JavaScript受損 - 我需要建立一個倒計時腳本，倒計時45分鐘，並將剩餘時間附加到標題欄或用戶瀏覽器中，以及時間到了將運行一個函數就像一條警告消息。js中的倒計時器

我希望我有代碼開始。

2012-10-25 James Stafford

你已經試過了什麼？時間應該增加多少？ – BenM

在這裏，這應該適合你。 (Demo)

<!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中的倒計時器

回答

相關問題