js页面刷新之实现定时刷新(定时器,meta)

2018-06-24 00:28:55来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

测试页面的代码见上一篇博客

接下来进入正题-定时不断刷新页面的方法:

1.看到定时,很容易想到js的定时器:

1 //第一种方法
2 //由于我们已经有了一个定时器,所以只要在定时器test中加入一句刷新页面的代码即可
3 function test(){
4      h1.style.color = "red";
5      h1.innerText = "我变化了";
6      history.go(0);//可以换成上一篇博客的任何一种方法。
7 }
8 setInterval(test, 1000);

2.通过meta来设置:

1 <!--第二种方法-->
2 <!--定时自动刷新,content表示刷新间隔,单位为秒s,下面代码表示页面每隔三秒刷新一次-->
3 <meta http-equiv="refresh" content="3">
1 <!--第三种方法-->
2 <!--这种方法实现页面刷新有点投机取巧,这个标签作用是定时跳转,content第一个参数表示间隔时间,单位为秒,第二个参数表示目标网址,但是如果把第二个参数设为#,就会实现页面刷新。-->
3 <meta http-equiv="refresh" content="3;url=#">

如有错误,请您指正!

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:Atitit 控制中心快速启动面板quick launcher

下一篇:Sublime Text3—自带快捷键介绍