长沙web培训
达内长沙侯家塘中心

15017569023

热门课程

HTML5培训:js页面刷新之实现定时刷新

  • 时间:2016-10-27 16:32
  • 发布:长沙web培训
  • 来源:web教程

长沙HTML5培训的老师这一节给大家讲js页面刷新之实现定时刷新(定时器,meta)

长沙HTML5培训的老师接下来进入正题-定时不断刷新页面的方法:

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

1 //第一种方法

2 //由于我们已经有了一个定时器,所以只要在定时器test中加入一句刷新页面的代码即可

3 function test(){

4     h1.style.color = "red";

5     h1.innerText = "我变化了";

6     history.go(0);//可以换成上一篇博客的任何一种方法。

7 }

8 setInterval(test, 1000);

2.通过meta来设置:

1 <!--第二种方法-->

2 <!--定时自动刷新,content表示刷新间隔,单位为秒s,下面代码表示页面每隔三秒刷新一次-->

3 <meta http-equiv="refresh" content="3">

1 <!--第三种方法-->

2 <!--这种方法实现页面刷新有点投机取巧,这个标签作用是定时跳转,content第一个参数表示间隔时间,单位为秒,第二个参数表示目标网址,但是如果把第二个参数设为#,就会实现页面刷新。-->

3 <meta http-equiv="refresh" content="3;url=#">

长沙HTML5培训的老师在下一期还有新的知识点,大家不要错过。

上一篇:关于上传文件得到后台数据问题
下一篇:js页面刷新:实现框架内外刷新

马上预约三天免费体验课

姓名:

电话:

CSS padding margin border属性详解

CSS元素类型

js中元素操作的内容和对比

Js对数组进行分组户数

选择城市和中心
贵州省

广西省

海南省