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 相关文章推荐
学习YUI.Ext 第二天
Mar 10 Javascript
零基础学JavaScript最新动画教程+iso光盘下载
Jan 22 Javascript
jquery中获得$.ajax()事件返回的值并添加事件的方法
Apr 15 Javascript
js日历功能对象
Jan 12 Javascript
学习javascript面向对象 理解javascript对象
Jan 04 Javascript
javascript获取select标签选中的值
Jun 04 Javascript
JS复制对应id的内容到粘贴板(Ctrl+C效果)
Jan 23 Javascript
Vue全家桶实践项目总结(推荐)
Nov 04 Javascript
详解js跨域请求的两种方式,支持post请求
May 05 Javascript
vue 自定义提示框(Toast)组件的实现代码
Aug 17 Javascript
微信小程序登录按钮遮罩浮层效果的实现方法
Dec 16 Javascript
jquery实现垂直手风琴菜单
Mar 04 jQuery
基于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学习之 循环结构实现代码
2011/06/09 PHP
解决laravel 表单提交-POST 异常的问题
2019/10/15 PHP
详解php反序列化
2020/06/10 PHP
JavaScript 密码强度判断代码
2009/09/05 Javascript
JQUERY获取form表单值的代码
2010/07/17 Javascript
用Mootools获得操作索引的两种方法分享
2011/12/12 Javascript
Jquery实现的tab效果可以指定默认显示第几页
2013/10/16 Javascript
javascript操作字符串的原生方法
2014/12/22 Javascript
jQuery实现冻结表头的方法
2015/03/09 Javascript
javascript中获取元素标签中间的内容的实现方法
2016/10/08 Javascript
详解Vue路由钩子及应用场景(小结)
2017/11/07 Javascript
Angular2.0/4.0 使用Echarts图表的示例代码
2017/12/07 Javascript
详谈vue+webpack解决css引用图片打包后找不到资源文件的问题
2018/03/06 Javascript
JavaScript 跨域之POST实现方法
2018/05/07 Javascript
vue头部导航动态点击处理方法
2018/11/02 Javascript
JavaScript解析及序列化JSON的方法实例分析
2019/01/04 Javascript
详解Vscode中使用Eslint终极配置大全
2019/11/08 Javascript
利用Python为iOS10生成图标和截屏
2016/09/24 Python
Python实现加载及解析properties配置文件的方法
2018/03/29 Python
使用pandas读取csv文件的指定列方法
2018/04/21 Python
Django 连接sql server数据库的方法
2018/06/30 Python
python交互界面的退出方法
2019/02/16 Python
使用HTML5拍照示例代码
2013/08/06 HTML / CSS
美体小铺印度官网:The Body Shop印度
2019/10/17 全球购物
RUIFIER官网:英国奢侈高级珠宝品牌
2020/06/12 全球购物
static函数与普通函数有什么区别
2015/12/25 面试题
教师演讲稿范文
2014/01/08 职场文书
市场专员岗位职责
2014/02/14 职场文书
《植物妈妈有办法》教学反思
2014/02/25 职场文书
幼儿园师德师风学习材料
2014/05/29 职场文书
中文专业自荐书
2014/06/29 职场文书
化学教育专业求职信
2014/07/08 职场文书
镇副书记专题民主生活会对照检查材料思想汇报
2014/10/02 职场文书
大学生年度个人总结
2015/02/15 职场文书
vue实现省市区联动 element-china-area-data插件
2022/04/22 Vue.js
阿里云服务器Ubuntu 20.04上安装Odoo 15
2022/05/20 Servers