缓动.js(含回调)

枫玄雾隐

于 2022-08-30 08:42:36 发布

阅读量166

点赞数 10

文章标签： javascript 前端 html css3 html5

本文链接：https://blog.csdn.net/m0_45293340/article/details/126596259

版权

function animation(object, target, callback) {
    clearInterval(object.timer)
    // 避免累加定时器的情况出现
    object.style.left = 0
    // 每次点击返回起点
    object.timer = setInterval(function () {
        step = (target - object.offsetLeft) / 10
        step = step > 0 ? Math.ceil(step) : Math.floor(step)
        if (object.offsetLeft >= target) {
            clearInterval(object.timer)
            if (callback) {
                callback()
                // 如果有回调函数，则调用
            }
        }
        object.style.left = object.offsetLeft + step + "px"
    }, 15)
}