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 相关文章推荐
js实现的真正的iframe高度自适应(兼容IE,FF,Opera)
Mar 07 Javascript
JavaScript中的eval()函数使用介绍
Dec 31 Javascript
js简单的点击返回顶部效果实现方法
Apr 10 Javascript
jQuery基于ajax方式实现用户名存在性检查功能示例
Feb 10 Javascript
bootstrap基本配置_动力节点Java学院整理
Jul 14 Javascript
详解用函数式编程对JavaScript进行断舍离
Sep 18 Javascript
浅谈React和Redux的连接react-redux
Dec 04 Javascript
Angular CLI在Angular项目中如何使用scss详解
Apr 10 Javascript
vsCode安装使用教程和插件安装方法
Aug 24 Javascript
React优化子组件render的使用
May 12 Javascript
运用js实现图层拖拽的功能
May 24 Javascript
JS性能优化实现方法及优点进行
Aug 30 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中的实现trim函数代码
2007/03/19 PHP
ueditor 1.2.6 使用方法说明
2013/07/24 PHP
ThinkPHP模板判断输出Empty标签用法详解
2014/06/30 PHP
ThinkPHP框架实现数据增删改
2017/05/07 PHP
PHP实现微信小程序用户授权的工具类示例
2019/03/05 PHP
利用PHP计算有多少小于当前数字的数字方法示例
2020/08/26 PHP
javascript forEach通用循环遍历方法
2010/10/11 Javascript
在js中判断checkboxlist(.net控件客户端id)是否有选中
2013/04/11 Javascript
javascript中字符串拼接详解
2014/09/26 Javascript
jQuery右下角旋转环状菜单特效代码
2015/08/10 Javascript
基于JavaScript实现根据手机定位获取当前具体位置(X省X市X县X街道X号)
2015/12/29 Javascript
原生js实现拖拽功能基本思路详解
2018/04/18 Javascript
解决$store.getters调用不执行的问题
2019/11/08 Javascript
JavaScript布尔运算符原理使用解析
2020/05/06 Javascript
Vue循环中多个input绑定指定v-model实例
2020/08/31 Javascript
python二叉树遍历的实现方法
2013/11/21 Python
python使用电子邮件模块smtplib的方法
2016/08/28 Python
python3实现公众号每日定时发送日报和图片
2018/02/24 Python
pip安装时ReadTimeoutError的解决方法
2018/06/12 Python
详谈Python 窗体(tkinter)表格数据(Treeview)
2018/10/11 Python
Python使用sorted对字典的key或value排序
2018/11/15 Python
浅谈python的深浅拷贝以及fromkeys的用法
2019/03/08 Python
python实现控制电脑鼠标和键盘,登录QQ的方法示例
2019/07/06 Python
一篇文章弄懂Python中的可迭代对象、迭代器和生成器
2019/08/12 Python
python3光学字符识别模块tesserocr与pytesseract的使用详解
2020/02/26 Python
详解Pymongo常用查询方法总结
2021/01/29 Python
CSS3实现缺角矩形,折角矩形以及缺角边框
2019/12/20 HTML / CSS
英国的屈臣氏:Boots博姿
2017/12/23 全球购物
生物制药毕业生自荐信
2013/10/16 职场文书
2014自荐信的写作技巧
2014/01/28 职场文书
小学生国旗下演讲稿
2014/04/25 职场文书
2014财务年度工作总结
2014/11/11 职场文书
2014年学校德育工作总结
2014/12/05 职场文书
社区挂职锻炼个人工作总结
2015/10/23 职场文书
2016教师政治学习心得体会
2016/01/23 职场文书
iOS 16进一步确认,一共支持16款iPhone
2022/04/28 数码科技