我們經常會看到某些網站在注冊的時候喜歡搞個按鈕倒計時的效果,就是多少秒之后注冊這個按鈕才可以點擊,其目的就是強迫你去看他的注冊注意事項,這是一個很實用的效果;另外當我們進行在線考試的時候也必定會碰到答題倒計時的效果,這種倒計時效果是如何實現的呢?下面我們就用Js來實現一個倒計時效果,具體代碼:
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>Js實現倒計時效果</title>
- <script language="javascript">
- var timeLeft = 90 * 60 * 1000;//這里設定的時間是90分鍾
- function countTime(){
- if(timeLeft == 0){//這里就是時間到了之后應該執行的動作了,這里只是彈了一個警告框
- alert("時間到");
- return;
- }
- var startMinutes = parseInt(timeLeft / (60 * 1000), 10);
- var startSec = parseInt((timeLeft - startMinutes * 60 * 1000)/1000);
- document.getElementById('show').innerHTML = "剩余時間:" + startMinutes + "分鍾" + startSec + "秒";
- timeLefttimeLeft = timeLeft - 1000;
- setTimeout('countTime()',1000);
- }
- </script>
- </head>
- <body onload="countTime()">
- <div id="show"></div>
- </body>
- </html>