zoukankan      html  css  js  c++  java
  • JavaScript缓动动画函数封装

    简单动画函数:

    animate(obj, target, time, callback);
    

    注意:
    obj:目标对象,需要加绝对定位
    target:目标位置
    time:动画间隔时间
    callback:回调函数

    代码实现:

    function animate(obj, target, time, callback) {
        // 先清除以前的定时器,只保留当前的一个定时器执行
        clearInterval(obj.timer);
        obj.timer = setInterval(function() {
            // 步长值写到定时器的里面,并设置为整数
            var step = (target - obj.offsetLeft) / 10;
            step = step > 0 ? Math.ceil(step) : Math.floor(step);
            if (obj.offsetLeft == target) {
                clearInterval(obj.timer);
                // 回调函数写到定时器结束里面
                callback && callback();
            }
            obj.style.left = obj.offsetLeft + step + 'px';
        }, time);
    }
    
  • 相关阅读:
    substr函数
    Oracle 日期处理
    translate函数使用
    nvl函数
    random随机函数
    case语句
    列的拼接
    并行HASH JOIN小表广播问题
    WITH AS 优化逻辑读
    【hihoCoder挑战赛28 A】异或排序
  • 原文地址:https://www.cnblogs.com/jacklzx/p/13802822.html
Copyright © 2011-2022 走看看