js 定时器

js 定时器有以下两个方法:
  定时器:时间概念
   setInterval( 函数, 毫秒 ); 重复执行(发动机)
  setTimeout( 函数, 毫秒 ); 执行一次(炸弹)
一.相同点:
  1.语法一样
里面放的都是要调用的函数后要执行的 JavaScript 代码串和在执行代码前需等待的毫秒数。
    setInterval( 函数, 毫秒);
    setTimeout( 函数, 毫秒 );
   1. i = 0;
    function fn1(){
     i++;
    document.title = i;
    }
     setInterval( fn1, 200 );//放的是调用的函数和毫秒数。

   2.function fn1(){
     i++;
    document.title = i;
    }
    setTimeout( fn1, 200 ); //放的是调用的函数和毫秒数。

2.关闭定时器(clearInterval
  有开启就有关闭,关闭定时器的方法:clearInterval();
  语法:clearInterval(id_of_setinterval);
  var timer = setInterval( 函数, 毫秒 );            
  clearInterval( timer ); // 清除

  var timer = setTimeout( 函数, 毫秒 );
  clearTimeout( timer ); // 清除
  
  1.
i = 0;
   var timer = null;
   function fn1(){
    i++;
    document.title = i;
    if( i === 10 ){
    clearInterval( timer );
     }
    }
   timer = setInterval( fn1, 200 );


.不同点:
  1.执行方式不一样:

1.setInterval( 函数, 毫秒 ); 重复执行(发动机)
2.setTimeout( 函数, 毫秒 ); 执行一次(炸弹)

  1.function fn1(){
   i++;
  document.title = i;
  }
  setInterval( fn1, 200 ); // 结果:12345678......

  2.function fn1(){
   i++;
  document.title = i;
  }
 
setTimeout( fn1, 200 ); // 结果:只显示一个1。

  分享技术,分享快乐!
posted @ 2017-01-06 16:18  win.w  阅读(296)  评论(0编辑  收藏  举报