发新贴  快速回复

点击之后div下落,再次点击向上浮动该怎么去写了,感觉有点找不到思路还请老师指点一下

  江枫
2017-09-13 17:17

本帖内容针对以下视频发布:

7-抖函数的隐患、修复及练习
 
1122

再在下面开个定时器,虽然这代码有可能可以简化

var timer2=null;

document.onclick=function(){
    clearInterval(timer);
    timer=setInterval(function(){
   doMove(aDiv[num],'top',20,500);
   num++;
   if(num==aDiv.length){
    clearInterval(timer);
    document.onclick=function(){
     var num2=0;
     //clearInterval(timer2);
     timer2=setInterval(function(){
    doMove(aDiv[num2],'top',20,10);
     num2++;
     if(num2==aDiv.length){
      clearInterval(timer2);
     }
     },100);
    }
    
   }
   },100)
   }

2017-09-13 19:30  回复本帖
 
江枫

1122 2017-09-13 19:30发表的内容:

再在下面开个定时器,虽然这代码有可能可以简化

var timer2=null;

document.onclick=function(){
    clearInterval(timer);
    timer=setInterval(function(){
   doMove(aDiv[num],'top',20,500);
   num++;
   if(num==aDiv.length){
    clearInterval(timer);
    document.onclick=function(){
     var num2=0;
     //clearInterval(timer2);
     timer2=setInterval(function(){
    doMove(aDiv[num2],'top',20,10);
     num2++;
     if(num2==aDiv.length){
      clearInterval(timer2);
     }
     },100);
    }
    
   }
   },100)
   }

貌似这么写不行吧,我也这么写过但是报错了

2017-09-14 11:37  回复本帖
 
1122

没有啊,我在老师提供的课件上再开个定时器在火狐和IE下都可以运行,但是如果全部用我自己写的那一套在火狐里面可以,但是在IE里面就不行了

2017-09-14 14:00  回复本帖
 
江枫

1122 2017-09-14 14:00发表的内容:

没有啊,我在老师提供的课件上再开个定时器在火狐和IE下都可以运行,但是如果全部用我自己写的那一套在火狐里面可以,但是在IE里面就不行了

难道是我字节封装的功能函数有问题?!

2017-09-14 15:47  回复本帖
 
江枫

1122 2017-09-14 14:00发表的内容:

没有啊,我在老师提供的课件上再开个定时器在火狐和IE下都可以运行,但是如果全部用我自己写的那一套在火狐里面可以,但是在IE里面就不行了

你写的代码可以重复点击吗

 

2017-09-14 16:34  回复本帖
 
1122

江枫 2017-09-14 16:34发表的内容:

你写的代码可以重复点击吗

 

只能来回一次

2017-09-15 18:33  回复本帖
 
学思

落下之后num变成20,if(num==20){num=0;code................}

上去之后num又变成了20,然后又把num变成0,

(给后来者一个参考)

2017-10-05 13:49  回复本帖
 
学思

学思 2017-10-05 13:49发表的内容:

落下之后num变成20,if(num==20){num=0;code................}

上去之后num又变成了20,然后又把num变成0,

(给后来者一个参考)

可以重复点击,20可以写成len;(我是用的视频中的变量名)

2017-10-05 13:51  回复本帖
登录 后才可以发表回复