js倒計時關閉當前頁面代碼:很多網站在關閉網頁之前會給出一個倒計時效果，這樣可以讓瀏覽者做到根據相應的情況進行操作，比較人性化，下麵就通過實例代碼介紹一下如何實現此效果。代碼實例如下:螞蟻部落以上代碼實現了我們想要的功能，可以倒計時10秒之後關閉頁面。原理非常的簡單，就是利用定時器函數setInte...
js倒計時關閉當前頁面代碼:
很多網站在關閉網頁之前會給出一個倒計時效果，這樣可以讓瀏覽者做到根據相應的情況進行操作，比較人性化，下麵就通過實例代碼介紹一下如何實現此效果。
代碼實例如下:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> #timer { width:200px; height:30px; background-color:green; text-align:center; line-height:30px; margin:0px auto; } </style> <script type="text/javascript"> var otimer; var second=10; function timer() { otimer.innerHTML=second; if(second>0) { second=second-1; return false; } window.close(); } window.onload=function() { otimer=document.getElementById("timer"); setInterval(timer,1000); } </script> </head> <body> <div id="timer"></div> </body> </html>
以上代碼實現了我們想要的功能，可以倒計時10秒之後關閉頁面。
原理非常的簡單，就是利用定時器函數setInterval()，不斷調用timer()函數，每調用一次秒數減一，直到秒數變為零就執行window.close()函數，將頁面關閉。同時每次調用函數都會講當前的剩餘秒數寫入div中，這樣就實現了倒計時效果。
相關閱讀:
1.innerHTML屬性可以參閱js的innerHTML屬性的用法一章節。
2.window.close()函數可以參閱window對象的close()方法一章節。
3.setInterval()函數可以參閱setInterval()函數用法詳解一章節。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9795
更多內容可以參閱:http://www.softwhy.com/javascript/
