JavaScript实现页面定时刷新(定时器,meta)


Posted in Javascript onOctober 12, 2016

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

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

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

2.通过meta来设置:

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

以上所述是小编给大家介绍的JavaScript实现页面定时刷新(定时器,meta),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jquery 操作日期、星期、元素的追加的实现代码
Feb 07 Javascript
你必须知道的Javascript知识点之&quot;深入理解作用域链&quot;的介绍
Apr 23 Javascript
jquery 通过name快速取值示例
Jan 24 Javascript
JavaScript通过字符串调用函数的实现方法
Mar 18 Javascript
探讨:JavaScript ECAMScript5 新特性之get/set访问器
May 05 Javascript
微信小程序 canvas API详解及实例代码
Oct 08 Javascript
AngularJS入门教程之数据绑定用法示例
Nov 01 Javascript
jQuery 点击获取验证码按钮及倒计时功能
Sep 20 jQuery
react+ant design实现Table的增、删、改的示例代码
Dec 27 Javascript
js实现窗口全屏示例详解
Sep 17 Javascript
vue 实现特定条件下绑定事件
Nov 09 Javascript
vue之延时刷新实例
Nov 14 Javascript
基于Javascript实现文件实时加载进度的方法
Oct 12 #Javascript
Vue.js中数组变动的检测详解
Oct 12 #Javascript
有关文件上传 非ajax提交 得到后台数据问题
Oct 12 #Javascript
jquery动态创建div与input的实例代码
Oct 12 #Javascript
javascript加载xml 并解析各节点的值(实现方法)
Oct 12 #Javascript
jquery动态添加文本并获取值的方法
Oct 12 #Javascript
jquery 动态增加,减少input表单的简单方法(必看)
Oct 12 #Javascript
You might like
《OVERLORD》手游英文版即将上线 手机上也能扮演骨王
2020/04/09 日漫
无线电广播与收音机发展的历史回眸
2021/03/02 无线电
解析CI的AJAX分页 另类实现方法
2013/06/27 PHP
微信支付开发告警通知实例
2016/07/12 PHP
Laravel框架使用技巧之使用url()全局函数返回前一个页面的地址方法详解
2020/04/06 PHP
如何判断图片地址是否失效
2007/02/02 Javascript
JQuery 风格的HTML文本转义
2009/07/01 Javascript
jquery的index方法实现tab效果
2011/02/16 Javascript
js内置对象 学习笔记
2011/08/01 Javascript
javascript小组件 原生table排序表格脚本(兼容ie firefox opera chrome)
2012/07/25 Javascript
JS下载文件|无刷新下载文件示例代码
2014/04/17 Javascript
JavaScript对HTML DOM使用EventListener进行操作
2015/10/21 Javascript
Bootstrap的modal拖动效果
2016/12/25 Javascript
基于vue 实现token验证的实例代码
2017/12/14 Javascript
Vue.js中对css的操作(修改)具体方式详解
2018/10/30 Javascript
vue请求本地自己编写的json文件的方法
2019/04/25 Javascript
vue实现移动端轻量日期组件不依赖第三方库的方法
2019/04/28 Javascript
[01:09]DOTAPLUS——DOTA2的新时代
2018/04/04 DOTA
python队列queue模块详解
2018/04/27 Python
Python爬取qq空间说说的实例代码
2018/08/17 Python
在keras中获取某一层上的feature map实例
2020/01/24 Python
Windows下Anaconda安装、换源与更新的方法
2020/04/17 Python
windows10 pycharm下安装pyltp库和加载模型实现语义角色标注的示例代码
2020/05/07 Python
Python numpy大矩阵运算内存不足如何解决
2020/11/19 Python
详解pandas apply 并行处理的几种方法
2021/02/24 Python
世界上最大的在线学习和教学市场:Udemy
2017/11/08 全球购物
美国马匹用品和马钉购物网站:State Line Tack
2018/08/05 全球购物
瑞典在互联网上最大的宠物商店:Animail
2020/10/31 全球购物
C# .NET面试题
2015/11/28 面试题
Servlet如何得到服务器的信息
2015/12/22 面试题
超市5.1促销活动
2014/01/15 职场文书
医学类个人求职信范文
2014/02/05 职场文书
行政文员岗位职责
2015/02/04 职场文书
个人总结与自我评价2015
2015/03/11 职场文书
python 常用的异步框架汇总整理
2021/06/18 Python
一次线上mongo慢查询问题排查处理记录
2022/03/18 MongoDB