response实现案例之页面定时刷新

来源：互联网发布：南京未来网络待遇编辑：程序博客网时间：2024/04/29 23:07

1.页面定时刷新

package cn.itcast.response;import java.io.IOException;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;public class RefreshServlet extends HttpServlet {public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {response.setContentType("text/html; charset=UTF-8");response.getWriter().write("<h1> 5秒后跳转 </h1>");response.setHeader("refresh", "5;url=/Day10/response/login.html");}public void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {doGet(request, response);}}

2.页面读秒操作1；html实现

* 响应的头 refresh

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><!-- 5秒后跳转 --><meta http-equiv="refresh" content="5;url=/Day10/response/login.html"><title>refresh</title></head><body onload="run()"><h2>页面将在<span id="spanId">5</span>秒后跳转</h2></body><script type="text/javascript">/** * 读秒的操作 * 页面一加载就开始读秒 * js定时器，每隔一秒 */var x = 5;function run(){var span = document.getElementById("spanId");span.innerHTML = x;x--;window.setTimeout("run()", 1000);}</script></html>

0 0