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

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

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

msg.jsp代码如下：

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



  
    
        
        
	
	
	
  
  
  
    
        5秒后自动为您跳转回首页
    
  

第二种方式：在jsp页面中，使用script标签引入一个外部js文件；

msg.jsp代码如下：

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



  
    
        
	
	
	

  
  
  
    
    	5秒后自动为您跳转回首页
    
  

countdown.js代码如下：

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);
		
	// 下列两行代码用于获取项目名，例如：bookstore
	var pathName = window.location.pathname.substring(1);
	var webName = pathName == "" ? "" : pathName.substring(0, pathName.indexOf("/"));
		
	// 拼接访问路径名，例如：http://localhost:8080/bookstore/index.jsp
	window.location.href = window.location.protocol + "//" + window.location.host + "/" + webName + "/index.jsp";
	return;
}
	
    $("#seconds").text(second);
}

效果图如下：