Js寫的一個倒計時效果實例


我們經常會看到某些網站在注冊的時候喜歡搞個按鈕倒計時的效果,就是多少秒之后注冊這個按鈕才可以點擊,其目的就是強迫你去看他的注冊注意事項,這是一個很實用的效果;另外當我們進行在線考試的時候也必定會碰到答題倒計時的效果,這種倒計時效果是如何實現的呢?下面我們就用Js來實現一個倒計時效果,具體代碼:

  1. <html> 
  2. <head> 
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  4. <title>Js實現倒計時效果</title> 
  5. <script language="javascript"> 
  6. var timeLeft = 90 * 60 * 1000;//這里設定的時間是90分鍾
  7. function countTime(){ 
  8.     if(timeLeft == 0){//這里就是時間到了之后應該執行的動作了,這里只是彈了一個警告框 
  9.         alert("時間到"); 
  10.         return; 
  11.     } 
  12.     var startMinutes = parseInt(timeLeft / (60 * 1000), 10); 
  13.     var startSec = parseInt((timeLeft - startMinutes * 60 * 1000)/1000); 
  14.     document.getElementById('show').innerHTML = "剩余時間:" + startMinutes + "分鍾" + startSec + "秒"; 
  15.     timeLefttimeLeft = timeLeft - 1000; 
  16.     setTimeout('countTime()',1000); 
  17. } 
  18. </script> 
  19. </head> 
  20.  
  21. <body onload="countTime()"> 
  22. <div id="show"></div> 
  23. </body> 
  24. </html> 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM