zoukankan      html  css  js  c++  java
  • Javascript 的定时器 setInterval,setTimeout,clearInterval

    今天开通博客、来1个、哇哈哈哈~~

    今天本来想复习BOM的看到定时器也算DOM一种 ?(是这样吗)、分享一下

    参考源于:八神吻你 http://www.cnblogs.com/lmfeng/archive/2011/06/24/2089237.html

    单次定时器即执行

     1     //单次定时器即执行
     2 
     3     setInterval(console.log(1),1000); //执行1次
     4 
     5 //------------------------------------
     6 
     7     var a =  function(){
     8         console.log(1);
     9     };
    10 
    11     setInterval(a(),1000);                          //执行1次
    12 
    13 //------------------------------------
    14 
    15     setTimeout(console.log(1),1000);                //执行1次

    单次延迟定时器

    1 //单次延迟定时器
    2     var a = 0;
    3     var b = setTimeout(function(){
    4         a++;
    5         console.log(a);                             //赋值隔等待时间执行
    6     },1000);

    多次执行定时器和clearInterval清除定时器

    1 //多次执行和clearInterval 清除定时器
    2     var a = 0;
    3     var b = setInterval(function(){
    4         a++;
    5         console.log(a);
    6         if(a == 5){clearInterval(b)}                //clearInterval
    7     },1000);                                        //执行多次

    setInterval语法

    setInterval(function,interval[,arg1,arg2,......argn])

    1     function show(str){                             //arguments
    2         console.log(str)
    3     }
    4 
    5     setInterval(show,1000,111);                     //arguments

    setInterval(object,methodName,interval[,arg1,arg2,.....argn])★ 这个待续

    另外以前在鑫空间看到、requestAnimationFrame()、感觉方法类是、这个也待续、-。*

    最后分享一个倒时器代码、写的并不细致、只是提供思路、有小伙伴完善希望也可以分享给我

    1 //倒计时
    2     var num = 10;
    3     var setTime = setInterval(function(){
    4         num--;
    5         console.log(num);
    6         if(num == 0 ) clearInterval(setTime);
    7     },1000)
  • 相关阅读:
    控制台日志输入到文件指定文件中
    flutter环境搭建坑一
    hybridapp/webapp的前端UI框架推荐
    hybrid app、web app与native app工具
    浏览记录
    HTML5跨平台APP越来越火,工具也越来越多。我推荐一个开发平台(一款工具)----DCloud
    学个p-nan isnan . isna isnull
    学个p-np.triu(m, k),np.tirl()
    实验五 plsql基础
    实验四-数据插入、更新、删除
  • 原文地址:https://www.cnblogs.com/me2o/p/7801976.html
Copyright © 2011-2022 走看看