一个简单的页面跳转

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()
posted @ 2012-11-05 11:31  shuaizizhi  阅读(243)  评论(0)  编辑  收藏  举报