pc端js实现重力弹跳效果

最新推荐文章于 2021-09-11 10:56:23 发布

Ai-leen

最新推荐文章于 2021-09-11 10:56:23 发布

阅读量817

点赞数 2

CC 4.0 BY-SA版权

分类专栏：方法功能文章标签：个人笔记

本文链接：https://blog.youkuaiyun.com/weixin_38144989/article/details/90897983

方法功能专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的重力动画效果，通过调整速度和定时器来模拟物体受重力影响下落的过程，适用于网页元素的动态展示。

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

function gravity_Move(dom, start, end) {
    var speedY = 0;
    clearInterval(dom.timer);
    dom.timer = setInterval(function () {
        speedY += 3;
        var toBottom = start - speedY;
        if (toBottom <= end) {
            speedY *= -0.8;
            toBottom = end;
        }
        if (Math.abs(speedY) < 1) {
            speedY = 0;
        }
        if (speedY == 0 && toBottom == end) {
            clearInterval(dom.timer);
            return;
        }
        dom.style.bottom = toBottom + "px";
        start = parseInt(dom.style.bottom);
    }, 20);
}

dom：元素；
start:起始位置；（y轴）
end：终点位置；（y轴）