欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js,setTimeout与setInterval的用法

程序员文章站 2022-05-04 13:22:49
1.setTimeout与setInterval的区别 setTimeout: 1.直接使用的话,按照指定 的时间,只执行一次传入的函数参数。 2.函数的终止使用clearTimeout。 setInterval: 1.直接使用的话,按照指定的时间,循环执行传入的函数参数 2.函数的终止使用clea ......

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);
}