js5秒后自动关闭本页面及5秒钟后自动跳转指定页面的方法
5秒钟后自动关闭
<!DOCTYPE HTML>
<html>
<head>
<title>倒计时自动关闭/跳转页面</title>
<meta charset="utf-8" />
<script>
//定义函数myClose关闭当前窗口
function myClose(){
//将id为time的元素的内容转为整数，保存在变量n中
var n=parseInt(time.innerHTML);
n--;//将n-1
//如果n==0,关闭页面
//否则, 将n+秒钟后自动关闭，再保存回time的内容中
if(n>0){
time.innerHTML=n+"秒钟后自动关闭";
timer=setTimeout(myClose,1000);
}else{
close();
}
}
var timer=null;
//当页面加载后，启动周期性定时器，每个1秒执行myClose
window.onload=function(){
timer=setTimeout(myClose,1000);
}
</script>
</head>
<body>
<span id="time">5秒钟后自动关闭</span><br>
<a href="javascript:clearTimeout(timer)">留在本页</a>
</body>
</html>
5秒后自动跳转
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML> <html> <head> <title>倒计时自动关闭/跳转页面</title> <meta charset="utf-8" /> <script> //定义函数myClose关闭当前窗口 function myClose(){ //将id为time的元素的内容转为整数，保存在变量n中 var n=parseInt(time.innerHTML); n--;//将n-1 //如果n==0,关闭页面 //否则, 将n+秒钟后自动关闭，再保存回time的内容中 if(n>0){ time.innerHTML=n+"秒钟后自动跳转到登录页面！"; timer=setTimeout(myClose,1000); }else{ location.href='<%= request.getContextPath()%>/'; } } var timer=null; //当页面加载后，启动周期性定时器，每个1秒执行myClose window.onload=function(){ timer=setTimeout(myClose,1000); } </script> </head> <body> 您未登录，请先登录！ <span id="time">5秒钟后自动跳转到登录页面！</span><br> <!-- <a href="javascript:clearTimeout(timer)">留在本页</a> --> </body> </html>
