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>
上一篇:JavaScript语法支持严格模式:"use strict"


下一篇:Android由一个activity 间隔5秒自动跳转到另外一个activity