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

网络编程 2021-07-04 20:00www.168986.cn编程入门
很多朋友看到定时,很容易想到用js定时器,还有盆友用meta来设置,狼蚁网站SEO优化长沙网络推广给大家介绍js实现页面定时刷新的方法,一起看看吧

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

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

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

2.通过meta来设置

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

以上所述是长沙网络推广给大家介绍的JavaScript实现页面定时刷新(定时器,meta),希望对大家有所帮助,如果大家有任何疑问请给我留言,长沙网络推广会及时回复大家的。在此也非常感谢大家对狼蚁SEO网站的支持!

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by