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 相关文章推荐
动态控制Table的js代码
Mar 07 Javascript
JavaScript取得鼠标绝对位置程序代码介绍
Sep 16 Javascript
javascript实现点击按钮让DIV层弹性移动的方法
Feb 24 Javascript
AngularJS数据源的多种获取方式汇总
Feb 02 Javascript
基于Node.js的JavaScript项目构建工具gulp的使用教程
May 20 Javascript
使用jquery获取url及url参数的简单实例
Jun 14 Javascript
bootstrap模态框远程示例代码分享
May 22 Javascript
关于页面刷新vuex数据消失问题解决方案
Jul 03 Javascript
微信小程序之蓝牙的链接
Sep 26 Javascript
node 利用进程通信实现Cluster共享内存
Oct 27 Javascript
vue使用原生swiper代码实例
Feb 05 Javascript
微信小程序 wx.getUserInfo引导用户授权问题实例分析
Mar 09 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数组函数
2008/08/18 PHP
PHPwind整合最土系统用户同步登录实现方法
2010/12/08 PHP
php读取mysql的简单实例
2014/01/15 PHP
Symfony2创建页面实例详解
2016/03/18 PHP
php正则去除网页中所有的html,js,css,注释的实现方法
2016/11/03 PHP
基于CI框架的微信网页授权库示例
2016/11/25 PHP
php注册审核重点解析(数据访问)
2017/05/23 PHP
PHP PDOStatement::rowCount讲解
2019/02/01 PHP
PHP将整数数字转换为罗马数字实例分享
2019/03/17 PHP
JavaScript中Array 对象相关的几个方法
2006/12/22 Javascript
经常用到的JavasScript事件的翻译
2007/04/09 Javascript
在IE6下发生Internet Explorer cannot open the Internet site错误
2010/06/21 Javascript
jQuery 表单验证扩展(三)
2010/10/20 Javascript
jQuery EasyUI API 中文文档 - Tabs标签页/选项卡
2011/10/01 Javascript
javascript 数组操作详解
2015/01/29 Javascript
深入理解JavaScript系列(41):设计模式之模板方法详解
2015/03/04 Javascript
Angular中$cacheFactory的作用和用法实例详解
2016/08/19 Javascript
js eval函数使用,js对象和字符串互转实例
2017/03/06 Javascript
Vue实现导航栏的显示开关控制
2019/11/01 Javascript
React实现全选功能
2020/08/25 Javascript
Python中规范定义命名空间的一些建议
2016/06/04 Python
Python基础之getpass模块详细介绍
2017/08/10 Python
详解python中list的使用
2019/03/15 Python
Win10下Python3.7.3安装教程图解
2019/07/08 Python
python打开使用的方法
2019/09/30 Python
Python configparser模块应用过程解析
2020/08/14 Python
详解CSS3中强大的filter(滤镜)属性
2017/06/29 HTML / CSS
用CSS3实现无限循环的无缝滚动的示例代码
2017/11/01 HTML / CSS
英国外籍人士的在线超市:British Corner Shop
2019/06/03 全球购物
MySQL面试题
2014/01/12 面试题
护理专业自荐信
2013/12/03 职场文书
《灯光》教学反思
2014/02/08 职场文书
2015年信息宣传工作总结
2015/05/26 职场文书
导游词之西安骊山
2019/12/20 职场文书
Python集合set()使用的方法详解
2022/03/18 Python
HTML常用标签超详细整理
2022/03/19 HTML / CSS