zoukankan      html  css  js  c++  java
  • 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。

      分享技术,分享快乐!
  • 相关阅读:
    ubuntu十年
    国内开源镜像站
    vi 配置文件
    如何查看Linux命令源代码
    gedit乱码问题的解决
    Linux启动项修复
    我写新年愿望
    SEGGER J-Link 弹窗 在altium designer中禁用USBJATG
    线缆测试,手机端程序说明
    养兔场 网站上的个人介绍
  • 原文地址:https://www.cnblogs.com/babywin/p/6256743.html
Copyright © 2011-2022 走看看