页面定时刷新(页面读秒操作)
* 响应的头 refresh
<meta http-equiv="refresh" content="5;url=/day10/response/login.html">
发送
http
头,控制浏览器定时刷新网页
(refresh)
多学一招:
HTML<meta>
标签来控制浏览器行为
package cn.learn.response;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
/**
* 页面的定时跳转
* @author Administrator
*
*/
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>");
// 通过refresh头完成页面刷新
response.setHeader("refresh", "5;url=/day10/response/login.html");
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doGet(request, response);
}
}
<!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>页面定时跳转(读秒)</title>
</head>
<body onload="run()">
<h2>页面将在<span id="spanId">5</span>秒后跳转</h2>
</body>
<script type="text/javascript">
/*
读秒的操作
页面一加载,加载事件 onload
执行读秒的操作,每隔一秒变一次。
每隔一秒,js的定时器
*/
var x = 5;
function run(){
var span = document.getElementById("spanId");
span.innerHTML = x;
x--;
window.setTimeout("run()", 1000);
}
</script>
</html>