s实现指定时间自动跳转到某个页面

--js实现指定时间自动跳转到某个页面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <%@ page language="java" contentType="text/html;charset=UTF-8" %>
   <head>   
     <title>演示10s后页面自动调转到制定页面</title>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     <link rel="stylesheet" type="text/css" href="../css/mycss.css"> 
   </head>  
 <body>
 <center>
 下面是当前演示
 </center>
 <pre>
自动刷新页面的方法:
1.页面自动刷新:把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20">
其中20指每隔20秒刷新一次页面.
2.页面自动跳转:把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20;url=http://blog.sina.com.cn/years2013"></pre>
其中20指隔20秒后跳转到http://www.javaeye.com页面
3.页面自动刷新js版
<hr/>
<script type="text/javascript">     
function autoJump(secs,surl){     
 //alert(surl);     
 var jumpTo = document.getElementById('jumpTo');
 jumpTo.innerHTML=secs;  
 var url = document.getElementById('url');
 url.innerHTML=surl;  
 if(--secs>0){     
     setTimeout("autoJump("+secs+",'"+surl+"')",1000);     
     }     
 else{       
     location.href=surl;     
     }     
 }     
</script> 
</head>

<body><span id="jumpTo">5</span>秒后自动跳转到<span id="url"></span>
<script type="text/javascript">autoJump(5,'http://www.cnblogs.com/qinche/');</script>  
<style type="text/css"> /*用css注释 */ </style> </body> </html>
原文地址:https://www.cnblogs.com/qinche/p/3152469.html