JavaScript实现页面定时刷新（定时器，meta）

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

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

您可能感兴趣的文章:

• js原生之焦点图转换加定时器实例
• JavaScript定时器实现的原理分析
• javascript 定时器工作原理分析
• JS Canvas定时器模拟动态加载动画
• JavaScript暂停和继续定时器的实现方法
• JS定时器使用,定时定点,固定时刻,循环执行详解
• JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单)
• javascript中SetInterval与setTimeout的定时器用法
• JavaScript定时器和优化的取消定时器方法
• Javascript中setTimeOut和setInterval的定时器用法
• JavaScript学习笔记之定时器
• JS定时器用法分析【时钟与菜单中的应用】