你的位置:首页 > Java教程

[Java教程]倒计时指定秒数跳转到指定页面


倒计时指定秒数跳转到指定页面:
在实际应用中,可能进行完一个操作以后,需要指定秒数之后跳转到其他指定页面,下面就通过代码实例介绍一下如何实现此效果。
代码实例如下:

 

<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">div{ width:150px; height:30px; margin:0px auto;}</style><script type="text/javascript"> var seconds=10;var timer=null;function set(){ var obj=document.getElementById("timer"); obj.innerHTML=seconds; if(seconds>0) {    seconds=seconds-1; } else {    clearInterval(timer);    window.location.href="http://www.softwhy.com"; }}timer=setInterval(set,1000)</script> </head> <body > <div>页面跳转倒计时:<span id="timer"></span></div></body> </html>

 

以上代码实现了我们要求,在倒计时十秒之后能够跳转到到指定的页面,代码比较简单,这里就不多介绍了,可以参阅相关阅读,如有任何问题可以跟帖留言。
相关阅读:
1.getElementById()函数可以参阅document.getElementById()用法详解一章节。
2.innerHTML属性可以参阅js的innerHTML属性的用法一章节。
3.setInterval()函数可以参阅setInterval()函数用法详解一章节。
4.clearInterval()函数可以参阅window对象的clearInterval()方法一章节。 
5.location.href可以参阅Location对象的href属性一章节。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=11402

更多内容可以参阅:http://www.softwhy.com/javascript/