当前位置:网站首页>js 抛物线运动方法封装

js 抛物线运动方法封装

2022-04-23 14:09:00 瑞瑞小同学

// 抛物线动画的方法
function jump(dom, dx, dy, time) {
    //elx当前元素的位置,dx dy是x ,y 的偏移量
    // let elX = $(dom).css("left").split('px')[0]*1;
    // let elY = $(dom).css("top").split('px')[0]*1;
    // parseInt($(".drawItem").eq(orginindex).position().left)
    let elX = $(dom).attr("data-x") * 1;
    let elY = $(dom).attr("data-y") * 1
    
    let a = 0.003
    let b = (dy - a * dx * dx) / dx
    let timer = null;
    // 执行的开始时间
    var beginTime = new Date()
    // 结束的时间
    endTime = +beginTime + time

    // 定时器,执行抛物线动画
    timer = setInterval(() => {
        let now = new Date()
        let x, y;
        if (now > endTime) {
            // 运行结束
            x = dx;
            y =

版权声明
本文为[瑞瑞小同学]所创,转载请带上原文链接,感谢
https://blog.csdn.net/yr123456654321/article/details/113119035