zoukankan      html  css  js  c++  java
  • setTimeout与setInterval的区别浅析

    网页制作动态效果时,一定会遇到某些需求,要求某段程序等待多时时间后再开始执行,就像在我们的生活中一样,待会儿再开始做一件事。在JavaScript中主要通过定时器实现此类需求,本文将对定时器做一个概括,正对setTimeout()做一个详细用法总结。

    setTimeout()定义和用法

    首先让我们看一看W3C上关于setTimeout方法的介绍

    定义

    setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

    语法

    setTimeout(code,millisec)

    参数:

    code:必需。要调用的函数后要执行的 JavaScript代码串。

    millisec:   必需。在执行代码前需等待的毫秒数。

    提示

    setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。

    代码

    ?
    1
    2
    3
    4
    5
    6
    7
    function hello(){
    alert("hello");
    }
    //使用方法名字执行方法
    var t1 = window.setTimeout(hello,1000);
    var t2 = window.setTimeout("hello()",3000);//使用字符串执行方法
    window.clearTimeout(t1);//清除定时器

    setInterval()定义和用法

    代码

    ?
    1
    2
    3
    4
    5
    6
    //实时刷新时间单位为毫秒
    setInterval('refreshQuery()',8000);
    /* 刷新查询 */
    function refreshQuery(){
     $("#mainTable").datagrid('reload',null);
    }

    业务场景

      • setTimeout用于延迟执行某方法或功能
      • setInterval则一般用于刷新表单,对于一些表单的假实时指定时间刷新同步
  • 相关阅读:
    A. Greg and Array 夜
    zoj 2314 Reactor Cooling 夜
    sgu 104. Little shop of flowers 夜
    C. Greg and Friends 夜
    sgu 103. Traffic Lights 夜
    B. Greg and Graph 夜
    B. Yaroslav and Two Strings 夜
    zoj 2313 Chinese Girls' Amusement 夜
    sgu 101. Domino 夜
    hdu 4532 湫秋系列故事——安排座位 夜
  • 原文地址:https://www.cnblogs.com/good10000/p/10619152.html
Copyright © 2011-2022 走看看