java ee 中 Jsp 頁面的定時的跳轉，實現數字倒計時跳轉固定頁面
1,Servlet類
RefreshServlet類實現
package org.servlet;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
/**
* 頁面的定時的跳轉
*/
@WebServlet("/RefreshServlet")
public class RefreshServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
// 先輸出內容
System.out.println("Refresh1Servlet執行了...");
// 設置頭信息
response.setHeader("refresh", "5;url=url=/Web_01/main.html");
// 輸出一句內容
response.getWriter().print("5 miao hou tiao zhuan");
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doGet(request, response);
}
}
2，Jsp頁面調用script方法實現
Jsp頁面設置：
<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!-- 完成頁面定時的跳轉 -->
<meta http-equiv="refresh" content="5;url=/Web_01/main.html">
<title>Insert title here</title>
</head>
<body onload="run()">
頁面將在<span id="spanId">5</span>秒后跳轉！！
</body>
<script type="text/javascript">
// 頁面一加載完成，該方法就會執行
// 讀秒，一秒鍾數字改變一次
var x = 5;
function run(){
// 獲取到的是span標簽的對象
var span = document.getElementById("spanId");
// 獲取span標簽中間的文本
span.innerHTML = x;
x--;
// 再讓run方法執行呢，一秒鍾執行一次
window.setTimeout("run()", 1000);
}
</script>
</html>