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 12 Javascript
IE中的File域无法清空使用jQuery重设File域
Apr 24 Javascript
浅谈页面装载js及性能分析方法
Dec 09 Javascript
JS实现的仿东京商城菜单、仿Win右键菜单及仿淘宝TAB特效合集
Sep 28 Javascript
jQuery实现输入框邮箱内容自动补全与上下翻动显示效果【附demo源码下载】
Sep 20 Javascript
JavaScript对象封装的简单实现方法(3种方法)
Jan 03 Javascript
Android中Okhttp3实现上传多张图片同时传递参数
Feb 18 Javascript
JavaScript输入框字数实时统计更新
Jun 17 Javascript
微信小程序 动画的简单实例
Oct 12 Javascript
JSON是什么?有哪些优点?JSON和XML的区别?
Apr 29 Javascript
vue实现自定义H5视频播放器的方法步骤
Jul 01 Javascript
JS常用正则表达式超全集(密码强度校验,金额校验,IE版本,IPv4,IPv6校验)
Feb 03 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
咖啡因含量是由谁决定的?低因咖啡怎么来?低因咖啡适合什么人喝
2021/03/06 新手入门
PHP 批量删除 sql语句
2009/06/05 PHP
thinkPHP框架对接支付宝即时到账接口回调操作示例
2016/11/14 PHP
php中try catch捕获异常实例详解
2020/08/06 PHP
页面图片浮动左右滑动效果的简单实现案例
2014/02/10 Javascript
JQuery使用$.ajax和checkbox实现下次不在通知功能
2015/04/16 Javascript
js实现简单的联动菜单效果
2015/08/19 Javascript
使用HTML5+Boostrap打造简单的音乐播放器
2016/08/05 Javascript
express文件上传中间件Multer详解
2016/10/24 Javascript
js实现的简练高效拖拽功能示例
2016/12/21 Javascript
Node.js如何实现注册邮箱激活功能 (常见)
2017/07/23 Javascript
详解如何让InstantClick兼容MathJax、百度统计等
2017/09/12 Javascript
vue+vue-router转场动画的实例代码
2018/09/01 Javascript
详解Puppeteer前端自动化测试实践
2019/02/21 Javascript
分享一款超好用的JavaScript 打包压缩工具
2020/04/26 Javascript
NodeJS配置CORS实现过程详解
2020/12/02 NodeJs
JavaScript实现通讯录功能
2020/12/27 Javascript
JavaScript实现滑块验证解锁
2021/01/07 Javascript
python判断字符串是否包含子字符串的方法
2015/03/24 Python
python+matplotlib实现鼠标移动三角形高亮及索引显示
2018/01/15 Python
Python 查看文件的读写权限方法
2018/01/23 Python
Python3自定义http/https请求拦截mitmproxy脚本实例
2020/05/11 Python
通过一张图教会你CSS3倒影的实现
2017/09/26 HTML / CSS
HTML5+CSS3实现无插件拖拽上传图片(支持预览与批量)
2017/01/05 HTML / CSS
html5 figure和figcaption的使用方法
2018/09/10 HTML / CSS
计算机大学生的自我评价
2013/10/15 职场文书
应聘美工求职信
2013/11/07 职场文书
毕业论文评语大全
2014/04/29 职场文书
答谢会策划方案
2014/05/12 职场文书
推广普通话演讲稿
2014/05/23 职场文书
房屋认购协议书
2015/01/29 职场文书
体育活动总结
2015/02/04 职场文书
2015年小班保育员工作总结
2015/05/27 职场文书
幼儿园教师管理制度
2015/08/05 职场文书
2016校本研修培训心得体会
2016/01/08 职场文书
2016年度农村党员干部主题教育活动总结
2016/04/06 职场文书