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 相关文章推荐
创建一个复制UBB软件信息的链接或按钮的js代码
Jan 06 Javascript
PNG背景在不同浏览器下的应用
Jun 22 Javascript
基于jQuery的日期选择控件
Oct 27 Javascript
该如何加载google-analytics(或其他第三方)的JS
May 13 Javascript
js中判断对象是否为空的三种实现方法
Dec 23 Javascript
用javascript实现自动输出网页文本
Jul 30 Javascript
轻松学习jQuery插件EasyUI EasyUI创建RSS Feed阅读器
Nov 30 Javascript
JavaScript实现身份证验证代码
Feb 17 Javascript
Vue.js表单控件实践
Oct 27 Javascript
详解Angular CLI + Electron 开发环境搭建
Jul 20 Javascript
JS传播事件、取消事件默认行为、阻止事件传播详解
Aug 14 Javascript
Vue指令之 v-cloak、v-text、v-html实例详解
Aug 08 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
PHP下对数组进行排序的函数
2010/08/08 PHP
php利用iframe实现无刷新文件上传功能的代码
2011/09/29 PHP
支持中文字母数字、自定义字体php验证码代码
2012/02/27 PHP
WordPress中用于获取及自定义头像图片的PHP脚本详解
2015/12/17 PHP
PHP使用strstr()函数获取指定字符串后所有字符的方法
2016/01/07 PHP
php框架CodeIgniter使用redis的方法分析
2018/04/13 PHP
JavaScript 加号(+)运算符号
2009/12/06 Javascript
javascript 静态对象和构造函数的使用和公私问题
2010/03/02 Javascript
Jquery 切换不同图片示例代码
2013/12/05 Javascript
jQuery实现列表自动滚动循环滚动展示新闻
2014/08/22 Javascript
举例说明如何为JavaScript的方法参数设置默认值
2015/11/17 Javascript
js实现遍历含有input的table实例
2015/12/07 Javascript
Bootstrap下拉菜单效果实例代码分享
2016/06/30 Javascript
AngularJS extend用法详解及实例代码
2016/11/15 Javascript
微信小程序开发之选项卡(窗口底部TabBar)页面切换
2017/04/12 Javascript
jQuery Autocomplete简介_动力节点Java学院整理
2017/07/17 jQuery
JS实现马赛克图片效果完整示例
2019/04/13 Javascript
小程序表单认证布局及验证详解
2020/06/19 Javascript
JS实现购物车基本功能
2020/11/08 Javascript
[01:01:13]2018DOTA2亚洲邀请赛 4.5 淘汰赛 Mineski vs VG 第三场
2018/04/06 DOTA
Python语言生成水仙花数代码示例
2017/12/18 Python
Python变量类型知识点总结
2019/02/18 Python
Pyinstaller打包.py生成.exe的方法和报错总结
2019/04/02 Python
python多进程下的生产者和消费者模型
2020/05/07 Python
HTML5 新事件 小结
2009/07/16 HTML / CSS
ABOUT YOU罗马尼亚:超过600个时尚品牌
2019/09/19 全球购物
Fox Racing官方网站:越野摩托车和山地自行车装备和服装
2019/12/23 全球购物
Wiggle新西兰:自行车、跑步、游泳
2020/05/06 全球购物
公司年会演讲稿范文
2014/01/11 职场文书
单位实习证明怎么写
2014/01/17 职场文书
结对共建协议书
2014/08/20 职场文书
公司介绍信范文
2015/01/31 职场文书
营业员岗位职责
2015/02/11 职场文书
岗位职责范本大全
2015/02/26 职场文书
党员廉政准则心得体会
2016/01/20 职场文书
css常用字体属性与背景属性介绍
2022/02/28 HTML / CSS