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

很多朋友看到定时,很容易想到用js定时器,还有盆友用meta来设置,下面小编给大家介绍js实现页面定时刷新的方法,一起看看吧

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

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),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wzdpzf.html