您当前的位置: 首页 >  Java

暂无认证

  • 13浏览

    0关注

    93978博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

JavaScript基础学习 引用move.js的动画

发布时间:2022-01-01 21:51:19 ,浏览量:13

JavaScript基础学习 引用move.js的动画
Document
		
问题反馈

move.js

// 给不同元素指定不同的定时器
  function move(obj,target,callback){
    // 想要调用定时器时首先就需要清除已有的定时器,然后再重新启动
    clearInterval(obj.timer);
     obj.timer=setInterval(function(){
         var step =(target-obj.offsetLeft)/10;
        //  step =Math.ceil(step);
        step = step>0 ? Math.ceil(step):Math.floor(step);
     if(obj.offsetLeft == target){
        clearInterval(obj.timer);
        console.log(22222222222);
        // 回调函数写在定时器之后,在定时器停止之后执行该函数
        if(callback){
            callback();
        }
       
    }else{
        obj.style.left=obj.offsetLeft + step + 'px';
    } 
    },30)   
}

在这里插入图片描述

关注
打赏
1655516835
查看更多评论
立即登录/注册

微信扫码登录

0.2618s