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/
时间： 2024-10-26 21:28:08