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 面向对象(创建对象)
Mar 30 Javascript
js修改table中Td的值(定义td的双击事件)
Jan 10 Javascript
js获取UserControl内容为拼html时提供方便
Nov 02 Javascript
node.js中的socket.io的广播消息
Dec 15 Javascript
JavaScript父子窗体间的调用方法
Mar 31 Javascript
jQuery可见性过滤器:hidden和:visibility用法实例
Jun 24 Javascript
5个最顶级jQuery图表类库插件【jquery插件库】
May 05 Javascript
在vue组件中使用axios的方法
Mar 16 Javascript
vue下拉列表功能实例代码
Apr 08 Javascript
详解Vue.directive 自定义指令
Mar 27 Javascript
通过实例了解JS 连续赋值
Sep 24 Javascript
token 机制和实现方式
Dec 15 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通过插入mysql数据来实现多机互锁实例
2014/11/05 PHP
php对文件夹进行相关操作(遍历、计算大小)
2015/11/04 PHP
php5.3后静态绑定用法详解
2016/11/11 PHP
JavaScript 对话框和状态栏使用说明
2009/10/25 Javascript
js 采用delete实现继承示例代码
2014/05/20 Javascript
用js的document.write输出的广告无阻塞加载的方法
2014/06/05 Javascript
javascript实现网站加入收藏功能
2015/12/16 Javascript
利用D3.js实现最简单的柱状图示例代码
2016/12/09 Javascript
Kindeditor单独调用多图上传实例
2017/07/31 Javascript
Vue实现购物车的全选、单选、显示商品价格代码实例
2019/05/06 Javascript
vue组件间通信六种方式(总结篇)
2019/05/15 Javascript
JavaScript事件冒泡机制原理实例解析
2020/01/14 Javascript
解决React在安装antd之后出现的Can't resolve './locale'问题(推荐)
2020/05/03 Javascript
[03:37]2015国际邀请赛第四日现场精彩集锦
2015/08/08 DOTA
Python实现获取操作系统版本信息方法
2015/04/08 Python
在Django的URLconf中使用多个视图前缀的方法
2015/07/18 Python
使用python为mysql实现restful接口
2018/01/05 Python
简单了解python gevent 协程使用及作用
2019/07/22 Python
Python模拟FTP文件服务器的操作方法
2020/02/18 Python
python绘制封闭多边形教程
2020/02/18 Python
简单了解python shutil模块原理及使用方法
2020/04/28 Python
python Django 反向访问器的外键冲突解决
2020/05/20 Python
pandas 按日期范围筛选数据的实现
2021/02/20 Python
New Balance德国官方网站:购买鞋子和服装
2019/08/31 全球购物
皇家阿尔伯特瓷器美国官网:Royal Albert美国
2020/02/16 全球购物
将一个文本文件的内容按倒序打印出来
2015/01/05 面试题
税务专业毕业生自荐信
2013/11/10 职场文书
征婚广告词
2014/03/17 职场文书
实习报告评语
2014/04/26 职场文书
我有一个梦想演讲稿
2014/05/05 职场文书
学校领导班子四风对照检查材料
2014/09/27 职场文书
教师见习报告范文
2014/11/03 职场文书
实习工作表现评语
2014/12/31 职场文书
党员心得体会范文2016
2016/01/23 职场文书
高三英语教学反思
2016/03/03 职场文书
职场:企业印章管理制度(模板)
2019/10/18 职场文书