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 相关文章推荐
javascript 动态生成私有变量访问器
Dec 06 Javascript
jquery里的正则表达式说明
Aug 03 Javascript
JS批量操作CSS属性详细解析
Dec 16 Javascript
IE浏览器IFrame对象内存不释放问题解决方法
Aug 22 Javascript
在JavaScript中访问字符串的子串
Jul 07 Javascript
jQuery解决input超多的表单提交
Aug 10 Javascript
Jquery插件easyUi实现表单验证示例
Dec 15 Javascript
JavaScript编程中实现对象封装特性的实例讲解
Jun 24 Javascript
使用UrlConnection实现后台模拟http请求的简单实例
Jan 04 Javascript
Vue.js2.0中的变化小结
Oct 24 Javascript
Vue中通过vue-router实现命名视图的问题
Apr 23 Javascript
详解ES6实现类的私有变量的几种写法
Feb 10 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
《星际争霸重制版》兵种对比图鉴
2020/03/02 星际争霸
关于PHP中操作MySQL数据库的一些要注意的问题
2006/10/09 PHP
PHP中批量生成静态html(命令行下运行PHP)
2014/04/19 PHP
PHP和javascript常用正则表达式及用法实例
2014/07/01 PHP
php使用pack处理二进制文件的方法
2014/07/03 PHP
PHP中使用sleep造成mysql读取失败的案例和解决方法
2014/08/21 PHP
PHP PDOStatement::getColumnMeta讲解
2019/02/01 PHP
laravel 如何实现引入自己的函数或类库
2019/10/15 PHP
laravel 模型查询按照whereIn排序的示例
2019/10/16 PHP
PHP unset函数原理及使用方法解析
2020/08/14 PHP
浅谈JavaScript编程语言的编码规范
2011/10/21 Javascript
jquery制作居中遮罩层效果分享
2014/02/21 Javascript
jQuery实现列表自动滚动循环滚动展示新闻
2014/08/22 Javascript
JavaScript sub方法入门实例(把字符串显示为下标)
2014/10/17 Javascript
jQuery实现购物车表单自动结算效果实例
2015/08/10 Javascript
JQuery validate插件验证用户注册信息
2016/05/11 Javascript
Javascript 实现计算器时间功能详解及实例(二)
2017/01/08 Javascript
原生JS实现图片懒加载(lazyload)实例
2017/06/13 Javascript
Angular CLI 安装和使用教程
2017/09/13 Javascript
Angular6中使用Swiper的方法示例
2018/07/09 Javascript
浅谈微信小程序flex布局基础
2018/09/10 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【矩形情况】
2018/12/13 Javascript
extract-text-webpack-plugin用法详解
2019/02/14 Javascript
json.stringify()与json.parse()的区别以及用处
2021/01/25 Javascript
python处理中文编码和判断编码示例
2014/02/26 Python
python实现文件路径和url相互转换的方法
2015/07/06 Python
wxPython的安装图文教程(Windows)
2017/12/28 Python
Spark处理数据排序问题如何避免OOM
2020/05/21 Python
安装Anaconda3及使用Jupyter的方法
2020/10/27 Python
html5 figure和figcaption的使用方法
2018/09/10 HTML / CSS
用canvas做一个DVD待机动画的实现代码
2019/04/12 HTML / CSS
June Jacobs尊积帕官网:知名的spa水疗护肤品牌
2019/03/21 全球购物
医院实习介绍信
2014/01/12 职场文书
爱国主义演讲稿
2014/05/07 职场文书
2015年班级工作总结范文
2015/04/03 职场文书
通过shell脚本对mysql的增删改查及my.cnf的配置
2021/07/07 MySQL