一个简单的页面跳转
1,页面说明:5秒后页面自动跳转到百度。
<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script type="text/javascript"> function countDown(secs,surl){ var jumpTo = document.getElementById('jumpTo'); jumpTo.innerHTML=secs; if(--secs>0)//时间递减至0秒 { t=setTimeout("countDown("+secs+",'"+surl+"')",1000); //一秒后执行代码迭代 } else{ location.href=surl; } } function cancle(){ clearTimeout(t); //取消setTimeout() } </script> </head> <body><span id="jumpTo">5</span>秒后自动<a href="http://www.baidu.com/">跳转</a>...</br></br>到新网址http://www.baidu.com</br></br>
<a href="#" onclick="cancle()">取消</a> <script type="text/javascript">countDown(5,'http://www.baidu.com/');</script> </body>
2,JavaScript 计时事件
通过使用 JavaScript,在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。即计时事件。
在 JavaScritp 中使用计时事件是很容易的,两个关键方法是:
- setTimeout()
- 未来的某时执行代码
- clearTimeout()
- 取消setTimeout()