js实现5秒之后跳转到另一个页面

小蝌蚪找玛玛

于 2019-08-16 11:04:22 发布

阅读量6.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript学习笔记

本文链接：https://blog.youkuaiyun.com/weixin_44679832/article/details/99673157

在本文中，作者分享了在网上书城项目中实现5秒后跳转页面的两种JavaScript方法。一种是在jsp页面直接插入js代码，另一种是通过引用外部js文件 countdown.js 来实现。代码示例已给出。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在做网上书城项目时，总结了两种方式实现5秒之后跳转到另一个页面。

第一种方式：直接在jsp页面中写入js代码；

msg.jsp代码如下：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>信息板</title>
        <!-- 引入jquery文件 -->
        <script type="text/javascript" src="${pageContext.request.contextPath}/jquery/jquery-3.3.1.js"></script>
	
	<!-- 第一种方式 -->
	<script type="text/javascript">
	    var interval;
	
	    $(function(){
		interval = window.setInterval("changeSecond()", 1000);// 设置定时器，每隔1秒，执行一次changeSecond()方法
		});
		
	    function changeSecond() {
                var second = $("#seconds").text();
		second = second - 1;
			
		if(second == 0) {

                    // 清除定时器
                    window.clearInterval(interval);
		    window.location.href = "${pageContext.request.contextPath}/index.jsp";