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语法特性
Sep 30 Javascript
JavaScript中的eval()函数使用介绍
Dec 31 Javascript
js去除浏览器默认底图的方法
Jun 08 Javascript
js获取鼠标位置实例详解
Dec 09 Javascript
利用Js的console对象,在控制台打印调式信息测试Js的实现
Nov 26 Javascript
原生js实现倒计时功能(多种格式调用)
Jan 12 Javascript
vue.js+Element实现表格里的增删改查
Jan 18 Javascript
jQuery remove()过滤被删除的元素(推荐)
Jul 18 jQuery
vue中格式化时间过滤器代码实例
Apr 17 Javascript
Node.js对MongoDB进行增删改查操作的实例代码
Apr 18 Javascript
小程序实现搜索界面 小程序实现推荐搜索列表效果
May 18 Javascript
vue使用@scroll监听滚动事件时,@scroll无效问题的解决方法详解
Oct 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中0,null,empty,空,false,字符串关系的详细介绍
2013/06/20 PHP
php猜单词游戏
2015/09/29 PHP
利用PHP实现开心消消乐的算法示例
2017/10/12 PHP
支持汉转拼和拼音分词的PHP中文工具类ChineseUtil
2018/02/23 PHP
PHP7.0连接DB操作实例分析【基于mysqli】
2019/09/26 PHP
javascript动态添加表格数据行(ASP后台数据库保存例子)
2010/05/08 Javascript
javascript显示用户停留时间的简单实例
2013/08/05 Javascript
jquery eval解析JSON中的注意点介绍
2013/08/23 Javascript
javascript if条件判断方法小结
2014/05/17 Javascript
IE浏览器IFrame对象内存不释放问题解决方法
2014/08/22 Javascript
jQuery实现跨域iframe接口方法调用
2015/03/14 Javascript
jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享
2015/08/20 Javascript
d3.js实现简单的网络拓扑图实例代码
2016/11/06 Javascript
BootStrap Table 设置height表头与内容无法对齐的问题
2016/12/28 Javascript
NodeJs 模仿SIP话机注册的方法
2019/06/21 NodeJs
使用JS来动态操作css的几种方法
2019/12/18 Javascript
[03:15]DOTA2-DPC中国联赛1月22日Recap集锦
2021/03/11 DOTA
重命名批处理python脚本
2013/04/05 Python
用Python进行行为驱动开发的入门教程
2015/04/23 Python
不可错过的十本Python好书
2017/07/06 Python
python计算auc指标实例
2017/07/13 Python
python邮件发送smtplib使用详解
2020/06/16 Python
python递归实现快速排序
2018/08/18 Python
Django中使用第三方登录的示例代码
2018/08/20 Python
Python turtle画图库&amp;&amp;画姓名实例
2020/01/19 Python
pyautogui自动化控制鼠标和键盘操作的步骤
2020/04/01 Python
基于Python爬取51cto博客页面信息过程解析
2020/08/25 Python
全球最大的生存食品、水和装备专用在线市场:BePrepared.com
2020/01/02 全球购物
美国用餐电影院:Alamo Drafthouse Cinema
2020/01/23 全球购物
硕士研究生自我鉴定范文
2013/12/27 职场文书
幼儿园教师请假制度
2014/01/16 职场文书
聚美优品陈欧广告词
2014/03/14 职场文书
自我介绍演讲稿范文
2014/08/21 职场文书
中学生打架检讨书
2014/10/13 职场文书
辩护意见书
2015/06/04 职场文书
SQL Server实现分页方法介绍
2022/03/16 SQL Server