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 相关文章推荐
js innerHTML 的一些问题的解决方法
Jun 22 Javascript
jQuery 数据缓存模块进化史详细介绍
Nov 19 Javascript
读取input:file的路径并显示本地图片的方法
Sep 23 Javascript
js实现双击图片放大单击缩小的方法
Feb 17 Javascript
javascript格式化指定日期对象的方法
Apr 21 Javascript
jQuery实现带延迟的二级tab切换下拉列表效果
Sep 01 Javascript
第七章之菜单按钮图标组件
Apr 25 Javascript
微信小程序 开发之滑块视图容器(swiper)详解及实例代码
Feb 22 Javascript
JS数组操作之增删改查的简单实现
Aug 21 Javascript
angular2路由之routerLinkActive指令【推荐】
May 30 Javascript
解决layui批量传值到后台操作时出现传值为空的问题
Sep 28 Javascript
vue3引入highlight.js进行代码高亮的方法实例
Apr 08 Vue.js
基于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 memcache扩展的三种安装方法
2009/04/26 PHP
上传文件先创建目录 再上传到目录里面去
2010/12/29 PHP
PHP实现的下载远程图片自定义函数分享
2015/01/28 PHP
jquery+php实现导出datatables插件数据到excel的方法
2015/07/06 PHP
PHP基于socket实现客户端和服务端通讯功能
2017/07/13 PHP
laravel validate 设置为中文的例子(验证提示为中文)
2019/09/29 PHP
JavaScript URL参数读取改进版
2009/01/16 Javascript
JavaScript 动态添加表格行 使用模板、标记
2009/10/24 Javascript
Document:getElementsByName()使用方法及示例
2013/10/28 Javascript
js中的eventType事件及其浏览器支持性介绍
2013/11/29 Javascript
浏览器图片选择预览、旋转、批量上传的JS代码实现
2013/12/04 Javascript
你可能不知道的JavaScript的new Function()方法
2014/04/17 Javascript
js跨域问题浅析及解决方法优缺点对比
2014/11/08 Javascript
coffeescript使用的方式汇总
2015/08/05 Javascript
jquery 抽奖小程序实现代码
2016/10/12 Javascript
使用Bootstrap Tabs选项卡Ajax加载数据实现
2016/12/23 Javascript
js每隔两秒输出数组中的一项(实例)
2017/05/28 Javascript
vue cli3.0 引入eslint 结合vscode使用
2019/05/27 Javascript
Python爬取国外天气预报网站的方法
2015/07/10 Python
Python键盘输入转换为列表的实例
2018/06/23 Python
Python 面试中 8 个必考问题
2018/11/16 Python
pandas每次多Sheet写入文件的方法
2018/12/10 Python
Python 静态方法和类方法实例分析
2019/11/21 Python
python [:3] 实现提取数组中的数
2019/11/27 Python
pyqt5 QlistView列表显示的实现示例
2020/03/24 Python
python 实现百度网盘非会员上传超过500个文件的方法
2021/01/07 Python
CSS超出文本指定宽度用省略号代替和文本不换行
2016/05/05 HTML / CSS
斯巴达比赛商店:Spartan Race
2019/01/08 全球购物
Tuckernuck官网:经典的美国品质服装、鞋子和配饰
2021/01/11 全球购物
珍珠鸟教学反思
2014/02/01 职场文书
公证书样本
2014/04/10 职场文书
学校师德师风整改措施
2014/10/27 职场文书
2015年入党决心书
2015/02/05 职场文书
python中出现invalid syntax报错的几种原因分析
2022/02/12 Python
uni-app 微信小程序授权登录的实现步骤
2022/02/18 Javascript
winserver2019安装软件一直卡在应用程序正在为首次使用做准备
2022/06/10 Servers