说说定时器嵌套那点些事儿

最新推荐文章于 2023-10-16 22:32:38 发布

bling'bling

最新推荐文章于 2023-10-16 22:32:38 发布

阅读量2.9k

点赞数

本文链接：https://blog.csdn.net/weixin_44081788/article/details/97911878

版权

setInterval(function(){
    doMove(color,'left',10,600);
   },50);
    setInterval(function(){
    doMove(content,'left',10,600);
   },50);
   //  color和content加载后一起运动

setInterval(function(){
    doMove(color,'left',10,600);
    setInterval(function(){
    doMove(content,'left',10,600);
   },5000);
   },1000);
   //加载后一秒钟后color运动，再五秒后content运动

span[j].onclick=function(){
     this.timerspan=setInterval(function(){    
    doMove(span[num],'top',10,-150);
    changeOpacity(span[num],0.2); 
    num++;
    if(num==10){
     clearInterval(this.timerspan);
     num=0;
    }
   },300);
   //对进度条的设置
   this.timer=setTimeout(function(){
   doMove(color,'left',10,0,function(){
    changeOpacity(color,0.2);
   });
   },50);
   }
   };
   //点击后，其中的两个定时器在相应的秒数后执行，以及其中的函数封装定时器，在onclick后一起执行，没有先后顺序，若像分先后，在函数中封装回调函数
   eg：
   function doMove ( obj, attr, dir, target, endFn ) {}
   调用：
   doMove(color,'left',10,0,function(){
    changeOpacity(color,0.2);
   });