js开发 简答动画函数封装

复制代码
//封装行数 obj目标对象   target 目标位置

function animate(obj,target){
   //obj是已有对象, 直接赋值变量将会重新开辟空间 避免浪费内存空间 给obj添加一个属性
   // obj.timer
    obj.timer = setInterval(function(){
          if (obj.offsetLeft >= target){
              //清除定时器
              clearInterval(obj.timer);
    }
     obj.style.left = obj.offsetLeft + 1 + 'px';
    },30);
}

var div =document.querySelector('div');
var span = document.querySelector('span');

//调用函数
animate(div,300);
animate(span,200)
复制代码

 

posted @   嘉琦  阅读(25)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
· 上周热点回顾(2.17-2.23)
点击右上角即可分享
微信分享提示