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 相关文章推荐
让iframe自适应高度(支持XHTML,支持FF)
Jul 24 Javascript
一步一步教你写一个jQuery的插件教程(Plugin)
Sep 03 Javascript
js树插件zTree获取所有选中节点数据的方法
Jan 28 Javascript
JavaScript对数字的判断与处理实例分析
Feb 02 Javascript
javascript实现通过表格绘制颜色填充矩形的方法
Apr 21 Javascript
jQuery获得字体颜色16位码的方法
Feb 20 Javascript
JS实现拖拽的方法分析
Dec 20 Javascript
AngularJS学习笔记之表单验证功能实例详解
Jul 06 Javascript
vue 项目如何引入微信sdk接口的方法
Dec 18 Javascript
vue+element实现表格新增、编辑、删除功能
May 28 Javascript
微信JSSDK实现打开摄像头拍照再将相片保存到服务器
Nov 15 Javascript
浅析VUE防抖与节流
Nov 24 Vue.js
基于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脚本
2006/11/26 PHP
php实现mysql同步的实现方法
2009/10/21 PHP
PHP SEO优化之URL优化方法
2011/04/21 PHP
php定时计划任务的实现方法详解
2013/06/06 PHP
php实现基于微信公众平台开发SDK(demo)扩展的方法
2014/12/22 PHP
十幅图告诉你什么是PHP引用
2015/02/22 PHP
php对文件进行hash运算的方法
2015/04/03 PHP
laravel 中如何使用ajax和vue总结
2017/08/16 PHP
php正确输出json数据的实例讲解
2018/08/21 PHP
PHP7引入的&quot;??&quot;和&quot;?:&quot;的区别讲解
2019/04/08 PHP
php使用curl模拟多线程实现批处理功能示例
2019/07/25 PHP
tp5框架前台无限极导航菜单类实现方法分析
2020/03/29 PHP
动态加载js文件 document.createElement
2006/10/14 Javascript
关于文本框的一些限制控制总结~~
2010/04/15 Javascript
IE6浏览器中window.location.href无效的解决方法
2014/11/20 Javascript
JS实现弹性漂浮效果的广告代码
2015/09/02 Javascript
轻松实现jquery手风琴效果
2016/01/14 Javascript
Bootstrap table分页问题汇总
2016/05/30 Javascript
Nodejs实现WebSocket代码实例
2020/05/19 NodeJs
如何解决jQuery 和其他JS库的冲突
2020/06/22 jQuery
解决ant Design中Select设置initialValue时的大坑
2020/10/29 Javascript
[01:07:20]DOTA2-DPC中国联赛 正赛 Dynasty vs XG BO3 第二场 2月2日
2021/03/11 DOTA
跟老齐学Python之玩转字符串(1)
2014/09/14 Python
python使用arcpy.mapping模块批量出图
2017/03/06 Python
AI人工智能 Python实现人机对话
2017/11/13 Python
Python3多线程爬虫实例讲解代码
2018/01/05 Python
python使用pygame模块实现坦克大战游戏
2020/03/25 Python
Django框架模板用法入门教程
2019/11/04 Python
TensorFlow 输出checkpoint 中的变量名与变量值方式
2020/02/11 Python
基于Python3读写INI配置文件过程解析
2020/07/23 Python
英国最大的纸工艺品商店:CraftStash
2018/12/01 全球购物
巴西世界杯32强口号
2014/06/05 职场文书
三好学生先进事迹材料
2014/08/28 职场文书
副总经理党的群众路线教育实践活动个人对照检查材料思想汇报
2014/10/06 职场文书
详解如何用Python实现感知器算法
2021/06/18 Python
MySQL 数据库范式化设计理论
2022/04/22 MySQL