zoukankan      html  css  js  c++  java
  • js,setTimeout与setInterval的用法

    1.setTimeout与setInterval的区别

      setTimeout:

        1.直接使用的话,按照指定 的时间,只执行一次传入的函数参数。

        2.函数的终止使用clearTimeout。

      setInterval:

        1.直接使用的话,按照指定的时间,循环执行传入的函数参数
        2.函数的终止使用clearInterval。

    2.setTimeout与setInterval的用法

      setsetTimeout:

        1.直接使用:setsetTimeout(function(data){},1000,param1);

           使用时可以传入多个个参数,参数的作用如下。

              1.code/function 必需。要调用一个代码串,也可以是一个函数。

              2.’milliseconds 可选。执行或调用 code/function 需要等待的时间,以毫秒计。默认为 0。

              3.param1, param2, ... 可选。 传给执行函数的其他参数(IE9 及其更早版本不支持该参数)。

        2.使用变量调用,并终止setsetTimeout用法。

          

    var myVar;
     
    function myFunction() {
        myVar = setTimeout(function(){ alert("Hello") }, 3000);
    }
     
    function myStopFunction() {
        clearTimeout(myVar);
    }

      setInterval

        1.直接使用:setInterval(function, milliseconds, param1, param2, ...);

           使用时可以传入多个个参数,参数的作用如下。

              1.code/function 必需。要调用一个代码串,也可以是一个函数。

              2.’milliseconds 可选。执行或调用 code/function 需要等待的时间,以毫秒计。默认为 0。

              3.param1, param2, ... 可选。 传给执行函数的其他参数(IE9 及其更早版本不支持该参数)。

        2.使用变量调用,并终止setInterval用法。

          

    var myVar = setInterval(function(data){ }, 1000);
     
    function myStopFunction() {
        clearInterval(myVar);
    }

    3.setTimeout实现setInterval功能并实现自我终止

      

    var myVar,i=0;
     
    function myFunction() {
        myVar = setTimeout(function(){ 
        i++;
        if(i>21){
          myStopFunction

        }else{
          mayVar
        }
      }, 3000);
    }
     
    function myStopFunction() {
        clearTimeout(myVar);
    }
  • 相关阅读:
    Maven安装
    Linux登录欢迎图案
    GC的性能指标和内存容量配置原则
    java堆结构和垃圾回收
    框架设计知识点纵览(笔记)
    .net core在Linux本地化Localization的一次填坑
    .Net Identity OAuth 2.0 SecurityStamp 使用
    CentOS 7 安装. Net Core SDK 2.0
    Docker基本命令与使用 —— Docker容器的网络连接(四)
    Docker基本命令与使用 —— Dockerfile指令与构建(三)
  • 原文地址:https://www.cnblogs.com/true-true/p/9768842.html
Copyright © 2011-2022 走看看