定时器之页面跳转

最新推荐文章于 2022-12-07 13:39:24 发布

我是一个菜鸟程序猿

最新推荐文章于 2022-12-07 13:39:24 发布

阅读量553

点赞数

分类专栏：前端文章标签： js 定时器跳转

本文链接：https://blog.csdn.net/weixin_43075298/article/details/85317221

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

定时器之页面跳转

定时器：

只跳转一次：

var t1 = setTimeout(function a(){},time);
cleanTimeout(t1);

循环跳转多次：

var t2 = setInterval(function a(){},time);
clearInterval(t2);

js跳转：

window.location.href='${pageContext.request.contextPath}/login/first';

项目路径：

//==>localhost:8080/SSMProject
${pageContext.request.contextPath}

例子：

<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2018/12/26 0026
  Time: 下午 3:36
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<html>
<head>
<title>首页</title>
<style>
h1 {
	text-align: center;
}
h4 {
	text-align: center;
	height: 100%;
	width: 100%;
}
</style>

</head>
<body>
	<h1>欢迎来到会员管理系统</h1>
	<h4 id="mes"></h4>
	<script type="text/javascript">
	var s = 6;
//  向页面添加内容
	function f1(s){
		document.getElementById("mes").innerHTML="请稍等，还有"+s+"秒跳转";
	}
	setInterval(function name(){
		s=s-1;
		f1(s);
		if(s==0){
			clearInterval();
			window.location.href='${pageContext.request.contextPath}/login/first';
		}
	}, 1000);
</script>
</body>
</html>

我是一个菜鸟程序猿

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
定时器之页面跳转

定时器之页面跳转定时器：只跳转一次：var t1 = setTimeout(function a(){},time);cleanTimeout(t1);循环跳转多次：var t2 = setInterval(function a(){},time);clearInterval(t2);js跳转：window.location.href='${pageContext.reque...
复制链接

扫一扫