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。

　　分享技术，分享快乐！

转载于:https://www.cnblogs.com/babywin/p/6256743.html