JavaScript实现页面定时刷新(定时器,meta)
(编辑:jimmy 日期: 2024/11/19 浏览:3 次 )
接下来进入正题-定时不断刷新页面的方法:
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实现文件实时加载进度的方法