页面刷新之定时刷新(定时器,meta)

测试页面的代码见上一篇博客

接下来进入正题-定时不断刷新页面的方法:

1.看到定时,很容易想到js的定时器:

1 //第一种方法
2 //由于我们已经有了一个定时器,所以只要在定时器test中加入一句刷新页面的代码即可
3 function test(){
4      h1.style.color = "red";
5      h1.innerText = "我变化了";
6      history.go(0);//可以换成上一篇博客的任何一种方法。
7 }
8 setInterval(test, 1000);

2.通过meta来设置:

1 <!--第二种方法-->
2 <!--定时自动刷新,content表示刷新间隔,单位为秒s,下面代码表示页面每隔三秒刷新一次-->
3 <meta http-equiv="refresh" content="3">
1 <!--第三种方法-->
2 <!--这种方法实现页面刷新有点投机取巧,这个标签作用是定时跳转,content第一个参数表示间隔时间,单位为秒,第二个参数表示目标网址,但是如果把第二个参数设为#,就会实现页面刷新。-->
3 <meta http-equiv="refresh" content="3;url=#">

如有错误,请您指正!

时间: 2024-08-27 21:18:46

页面刷新之定时刷新(定时器,meta)的相关文章

js 页面定时刷新

html <label class="am-switch am-switch-lg"> <input type="checkbox" id="check_is_f"> <span class="am-switch-checkbox"></span> </label> 定时刷新 js //定时刷新 is_f = localStorage.getItem("is

微信小程序页面事件-下拉刷新,上拉加载更多

1.下拉刷新的概念及应用场景. 概念: 下拉刷新是移动端更新列表数据的交互行为,用户通过手指在屏幕上子上而下的滑动,可以触发页面的下拉刷新,更新列表数据. 应用场景: 在移动端,数据列表是常见的页面效果,更新列表数据是最基本的页面需求,相比于按钮刷新,定时刷新来说,下拉刷新的用户体验方便友好,已经成为移动端刷新列表数据的最佳解决方案. 微信小程序启动下拉刷新: 两种方式: 1.需要在app.json 的window选项中或页面配置中开启enablePullDownRefresh, 但是,一般情况

Angular 定时器$timeout和$interval关于定时刷新页面和发送请求的用法

项目中有用到定时器定时刷新页面的数据,在网上查看了一些资料,整理了一下,备忘. $timeout 用法如下:$timeout(fn,[delay],[invokeApply]); fn:一个将被延迟执行的函数. delay:延迟的时间(毫秒). invokeApply:如果设置为false,则跳过脏值检测,否则将调用$apply. 方法:cancel(promise); promise:$timeout函数的返回值. 具体使用:在项目中用到的其中一处是键入字符然后自动发送请求查询,如果每键入一个

servletResponse 实用的页面跳转技术和定时刷新技术

package response; import java.io.IOException;import java.util.Random; import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse; public class

Response_输出数据,实现文件下载,定时刷新页面,是否缓存,重定向,实现验证码

1.Response_输出数据 1.Web服务器收到客户端的http请求,会针对每一次请求,分别创建一个用于代表请求的request对象.和代表响应的response对象. ServletResponse -- 通用的response提供了一个响应应该具有最基本的属性和方法|-HttpServletResponse -- 在ServletResponse的基础上针对于HTTP协议增加了很多强化的属性和方法 2.HttpServletResponse对象封装了向客户端发送响应状态码.响应头.实体数

http-equiv=&quot;Refresh&quot; 实现定时刷新页面

***.html自动跳转文件代码如下: <HTML> <HEAD><META http-equiv="Refresh" content="5; url=******.htm"> <META http-equiv="content-type" content='text/html; charset=UTF-8'> <script language="JavaScript" s

PHP定时刷新当前页面

PHP中定时刷新页面的功能如何实现! 1分钟刷新一次页面! 这一般不用php实现,用客户端的脚本就可以,甚至用html自带的就行. html实现: <meta http-equiv="refresh" content="60"> echo "<META HTTP-EQUIV=REFRESH CONTENT='60;URL=index.php'>"; php刷新当前页面 echo "<script langu

JSP简单练习-定时刷新页面

<%@ page contentType="text/html; charset=gb2312" %> <%@ page import="java.util.Date" %> <html> <head> <title>定时刷新页面</title> </head> <body> <% // 设置刷新页面的时间,每隔1秒钟刷新一次 response.setHeader(

jQuery实现AJAX定时刷新局部页面实例

本篇文章通过两种方法实例讲解ajax定时刷新局部页面,当然方法有很多种,也可以不使用ajax来刷新页面,可以使用jquery中的append来给指定内容加东西, 但是都不太实用,最实用的方法还是ajax加载数据了. 方法一: 局部刷新我们讲述到最多的是ajax 了,当然也可以不使用ajax来刷新页面了,我们可以使用jquery中的append来给指定内容加东西了,当然最实用的还是ajax加载数据了. 例子,定时局部刷新 定时局部刷新用到jQuery里面的setInterval方法,setInte