匀速动画封装

最新推荐文章于 2025-08-15 22:56:20 发布

原创最新推荐文章于 2025-08-15 22:56:20 发布 · 344 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #函数 #动画

JS 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一个简单的JavaScript函数，用于实现元素的平滑动画效果。通过设置目标位置，并结合定时器来逐步调整元素的位置，直到其到达指定的目标。该方法考虑了动画的速度控制，并确保动画在接近目标时能够平滑停止。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function animate(obj,target){
    clearInterval(obj.timer);
    var speed = obj.offsetLeft < target ? 5 : -5;
    obj.timer = setInterval(function(){
        obj.style.left = obj.offsetLeft + speed + "px";
        var result = target - obj.offsetLeft;
        if(Math.abs(result) <= 10){
            clearInterval(obj.timer);
            obj.style.left = target + "px";
        }
    },30)
}