你的位置:首页 > Java教程

[Java教程]js倒计时关闭当前页面代码


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/