首页 > 代码库 > 页面刷新之定时刷新(定时器,meta)
页面刷新之定时刷新(定时器,meta)
测试页面的代码见上一篇博客
接下来进入正题-定时不断刷新页面的方法:
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=#">
如有错误,请您指正!
页面刷新之定时刷新(定时器,meta)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。