页面定时跳转（读秒）

页面定时刷新（页面读秒操作）* 响应的头   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>

页面定时跳转（读秒）相关推荐

h5页面定时跳转+读秒
重要的就是标红的部分,实现定时刷新 <meta http-equiv="refresh" content="5;http://www.baidu.com" ...
js实现页面定时跳转
刚使用了一个用js实现定时跳转的功能,这里做一下学习记录. 其实很简单的一件事情,使用js提供的setTimeout()函数则可以完成了. 下面是简单的代码实现: <html> <h ...
页面定时刷新或自动跳转
采用response对象的setHeader方法,实现页面的定时跳转或定时自刷新.例如: (1)response.setHeader("refresh","5" ...
javascript页面刷新与定时跳转页面
1.页面自动刷新:把以下代码放入<head>区域中 <meta http-equiv="refresh" content="20"> 其 ...
盘点三个JavaScript案例——实现限时秒杀、定时跳转、改变盒子大小
前言今天来给大家盘点三个JavaScript案例,分别是实现限时秒杀.定时跳转.改变盒子大小案例,一起来看看吧! 一.实现限时秒杀案例 1.在淘宝网中,商家为了促销经常搞一些活动,例如限时秒杀是常见 ...
webAP练习五 --- 电子表短信验证码定时跳转
在页面中显示 :电子表实时更新事件 <!DOCTYPE html> <html lang="en"> <head><meta chars ...
react项目中使用阿里播放器播放视频，包括切换视频，播放定时跳转（兼容ios和andro），播放完成
react项目中使用阿里播放器播放视频,包括切换视频,播放定时跳转(兼容ios和andro),播放完成 1.index.html引入阿里播放器的cdn <link rel="style ...
h5 跳转上个页面刷新_H5实现页面内跳转页面
W3School.com.cn 注释:由于链接的目标匹配 iframe 的名称,所以链接会在 iframe 中打开. 原文来源:http://www.w3school.com.cn JS实现页面内跳转 ...
第三次原型分享——墨刀之下拉菜单and定时跳转
墨刀功能持续挖掘中,真香. 下拉菜单先创建相关原件:两个矩形和一个三角形,并将所有新建原价添加到我的组件,命名为"我的组件". 在我的组件中编辑组件. 复制"下拉菜单& ...

页面定时跳转（读秒）

页面定时跳转（读秒）相关推荐

最新文章

热门文章