java ee 中 Jsp 页面的定时的跳转（数字倒数）

时间：2023-09-17 22:06:02

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>

　　

相关文章