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 选项卡效果(JS与HTML的分离)
Apr 01 Javascript
JS request函数 用来获取url参数
May 17 Javascript
分享精心挑选的12款优秀jQuery Ajax分页插件和教程
Aug 09 Javascript
javascript五图轮播切换实用版
Aug 17 Javascript
javascript中createElement的两种创建方式
May 14 Javascript
jQuery实现带渐显效果的人物多级关系图代码
Oct 16 Javascript
window.location.reload 刷新使用分析(去对话框)
Nov 11 Javascript
详解jQuery中的事件
Dec 14 Javascript
Vue.Js中的$watch()方法总结
Mar 23 Javascript
详解微信UnionID作用
May 15 Javascript
JavaScript从原型到原型链深入理解
Jun 03 Javascript
JavaScript 异步时序问题
Nov 20 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
一个ORACLE分页程序,挺实用的.
2006/10/09 PHP
某大型网络公司应聘时的笔试题目附答案
2008/03/27 PHP
PHP中CURL方法curl_setopt()函数的参数分享
2013/01/19 PHP
深入PHP异步执行的详解
2013/06/03 PHP
php自定义分页类完整实例
2015/12/25 PHP
javascript 动态数据下的锚点错位问题解决方法
2008/12/24 Javascript
23个Javascript弹出窗口特效整理
2011/02/25 Javascript
使用js正则控制input标签只允许输入的值
2013/07/29 Javascript
js去字符串前后空格的实现方法
2016/02/26 Javascript
Javascript获取background属性中url的值
2016/10/17 Javascript
Bootstrap基本插件学习笔记之按钮(21)
2016/12/08 Javascript
JS产生随机数的用法小结
2016/12/10 Javascript
基于React实现表单数据的添加和删除详解
2017/03/14 Javascript
vuejs项目打包之后的首屏加载优化及打包之后出现的问题
2018/04/01 Javascript
vue.js iview打包上线后字体图标不显示解决办法
2020/01/20 Javascript
使用JavaScript通过前端发送电子邮件
2020/05/22 Javascript
[01:45]2014DOTA2 TI预选赛预选赛 战前探营!
2014/05/21 DOTA
[00:43]魔廷新尊——痛苦女王至宝捆绑包
2020/06/12 DOTA
Python中为什么要用self探讨
2015/04/14 Python
使用PyCharm配合部署Python的Django框架的配置纪实
2015/11/19 Python
Python出现segfault错误解决方法
2016/04/16 Python
Python实现PS滤镜特效Marble Filter玻璃条纹扭曲效果示例
2018/01/29 Python
详解用TensorFlow实现逻辑回归算法
2018/05/02 Python
关于ZeroMQ 三种模式python3实现方式
2019/12/23 Python
python实现大战外星人小游戏实例代码
2019/12/26 Python
Python Scrapy框架第一个入门程序示例
2020/02/05 Python
解决Python3.8用pip安装turtle-0.0.2出现错误问题
2020/02/11 Python
详解Python 最短匹配模式
2020/07/29 Python
Sandro Paris美国官网:典雅别致的法国时尚服饰品牌
2017/12/26 全球购物
高清安全摄像头系统:Lorex Technology
2018/07/20 全球购物
什么是SQL Server的确定性函数和不确定性函数
2016/08/04 面试题
大学生职业规划书的范本
2014/02/18 职场文书
人事专员的职责
2014/02/26 职场文书
民政局副局长民主生活会个人对照检查材料
2014/09/19 职场文书
优秀共产党员主要事迹材料
2015/11/05 职场文书
CSS 鼠标点击拖拽效果的实现代码
2022/12/24 HTML / CSS