• js页面刷新之实现定时刷新(定时器,meta)


    测试页面的代码见上一篇博客

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

    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=#">

    如有错误,请您指正!

  • 相关阅读:
    python基本数据类型之整型和浮点型
    Java学习路线
    Linux学习笔记之VIM
    Java基础之流程控制
    Linux学习笔记之Shell
    Java基础之数据类型
    论文提交说明
    IDEA安装教程
    Link summary for writing papers
    1 类基础知识
  • 原文地址:https://www.cnblogs.com/ksl666/p/5951763.html
Copyright © 2020-2023  润新知