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

 更新时间:2016年10月12日 11:41:14   投稿:mrr  
很多朋友看到定时,很容易想到用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),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • bootstrap3 兼容IE8浏览器!

    bootstrap3 兼容IE8浏览器!

    bootstrap3 兼容IE8浏览器!IE8浏览器并不支持这一优秀的Css3特性,Bootstrap在开发文档中写了如何使用进行兼容IE8,感兴趣的朋友可以参考一下
    2016-05-05
  • js+canvas实现两张图片合并成一张图片的方法

    js+canvas实现两张图片合并成一张图片的方法

    这篇文章主要介绍了js+canvas实现两张图片合并成一张图片的方法,结合实例形式分析了JavaScript结合HTML5 canvas实现图片合并的操作技巧,并附带了Java图片合并的实现方法,需要的朋友可以参考下
    2019-11-11
  • JavaScript实现的Tween算法及缓冲特效实例代码

    JavaScript实现的Tween算法及缓冲特效实例代码

    这篇文章主要介绍了JavaScript实现的Tween算法及缓冲特效,涉及JavaScript通过数学运算及样式属性操作实现缓动、弹性运动等效果,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-11-11
  • Javascript柯里化实现原理及作用解析

    Javascript柯里化实现原理及作用解析

    这篇文章主要介绍了Javascript柯里化实现原理及作用解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-10-10
  • 详解原生js实现offset方法

    详解原生js实现offset方法

    本篇文章主要介绍了原生js实现offset方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • js中将多个语句写成一个语句的两种方法小结

    js中将多个语句写成一个语句的两种方法小结

    js中将多个语句写成一个语句的两种方法讲述了逗号运算符将多个语句写成一个语句以及花括号写成一个语句的实现方法,需要的朋友可以参考一下
    2007-12-12
  • Javascript 中的 && 和 || 使用小结

    Javascript 中的 && 和 || 使用小结

    Javascript 中的 && 和 || ,有时候用作条件判断,非常的简洁,不熟悉的朋友可能不太了解,这里最后有个朋友补充,非常的好。
    2010-04-04
  • JavaScript制作简易计算器(不用eval)

    JavaScript制作简易计算器(不用eval)

    这篇文章主要为大家详细介绍了JavaScript制作简易计算器的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • javascript根据时间生成m位随机数最大13位

    javascript根据时间生成m位随机数最大13位

    javascript根据时间生成m位随机数,最大13位随机数,并且不能保证首位不为0,实现代码如下,需要的朋友可以参考下
    2014-10-10
  • 学习JavaScript设计模式(策略模式)

    学习JavaScript设计模式(策略模式)

    这篇文章主要带领大家学习JavaScript设计模式,其中重点介绍策略模式,以年终奖为实例对策略模式进行分析,对策略模式进行详细剖析,感兴趣的小伙伴们可以参考一下
    2015-11-11

最新评论