星空网 > 软件开发 > 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/

 




原标题:js倒计时关闭当前页面代码

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

跨境电商海外:https://www.goluckyvip.com/tag/1102.html
越南跨境电商:https://www.goluckyvip.com/tag/11020.html
年终旺季运营:https://www.goluckyvip.com/tag/11021.html
新蛋:https://www.goluckyvip.com/tag/11022.html
旺季促销:https://www.goluckyvip.com/tag/11023.html
海外中转仓:https://www.goluckyvip.com/tag/11024.html
川藏线自驾游要怎么走才比较划算呢?:https://www.vstour.cn/a/411240.html
去日本入住酒店,东西随意用却有一个特殊“要:https://www.vstour.cn/a/411241.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流