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之Document元素选择器篇
Aug 14 Javascript
javascript实现的距离现在多长时间后的一个格式化的日期
Oct 29 Javascript
JavaScript中的一些定位属性[图解]
Jul 14 Javascript
javascript强大的日期函数代码分享
Sep 04 Javascript
JQuery中DOM加载与事件执行实例分析
Jun 13 Javascript
基于JS快速实现导航下拉菜单动画效果附源码下载
Oct 27 Javascript
bootstrapValidator表单验证插件学习
Dec 30 Javascript
React Native实现地址挑选器功能
Oct 24 Javascript
jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法
Dec 24 jQuery
vue 注册组件的使用详解
May 05 Javascript
Vue 打包体积优化方案小结
May 20 Javascript
js前端图片加载异常兜底方案
Jun 21 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中抽象类和接口的概念以及区别
2013/06/27 PHP
PHP用户验证和标签推荐的简单使用
2016/10/31 PHP
PHP删除数组中特定元素的两种方法
2019/02/28 PHP
PHP实现数据四舍五入的方法小结【4种方法】
2019/03/27 PHP
用JavaScript事件串连执行多个处理过程的方法
2007/03/09 Javascript
一个cssQuery对象 javascript脚本实现代码
2009/07/21 Javascript
jQuery对象和DOM对象的相互转化实现代码
2010/03/02 Javascript
Dojo Javascript 编程规范 规范自己的JavaScript书写
2014/10/26 Javascript
Ionic实现仿通讯录点击滑动及$ionicscrolldelegate使用分析
2016/01/18 Javascript
js实现简单排列组合的方法
2016/01/27 Javascript
非常优秀的JS图片轮播插件Swiper的用法
2017/01/03 Javascript
JavaScript该如何学习 怎样轻松学习JavaScript
2017/06/12 Javascript
addeventlistener监听scroll跟touch(实例讲解)
2017/08/04 Javascript
微信小程序简单的canvas裁剪图片功能详解
2019/07/12 Javascript
bootstrap Table实现合并相同行
2019/07/19 Javascript
JS 设计模式之:单例模式定义与实现方法浅析
2020/05/06 Javascript
vue实现户籍管理系统
2020/05/29 Javascript
js数组中去除重复值的几种方法
2020/08/03 Javascript
[01:42]辉夜杯战队访谈宣传片—FANTUAN
2015/12/25 DOTA
利用python发送和接收邮件
2016/09/27 Python
100行Python代码实现每天不同时间段定时给女友发消息
2019/09/27 Python
python绘制无向图度分布曲线示例
2019/11/22 Python
Python中如何添加自定义模块
2020/06/09 Python
Pycharm同步远程服务器调试的方法步骤
2020/11/04 Python
性能服装:HYLETE
2018/08/14 全球购物
乌克兰品牌化妆品和香水在线商店:Bomond
2020/01/14 全球购物
《孙权劝学》教学反思
2014/04/23 职场文书
奥巴马英文演讲稿
2014/05/15 职场文书
乳制品整治工作方案
2014/05/29 职场文书
暑假学习心得体会
2014/09/02 职场文书
报名委托书
2015/01/29 职场文书
2015年社区宣传工作总结
2015/05/20 职场文书
暑期家教宣传单
2015/07/14 职场文书
决心书格式范文
2015/09/23 职场文书
2017年大学生寒假社会实践活动总结
2016/04/06 职场文书
uni-app 微信小程序授权登录的实现步骤
2022/02/18 Javascript