坏蛋格鲁坏蛋格鲁

【Function】JS 封装 Animation 创建动画函数

  • JS Function

function createAnimation(option) {
    var current = 0;
    var from = option.from;
    var to = option.to;
    var totalMS = option.totalMS || 1000;
    var duration = option.duration || 10;
    var times = totalMS / duration;
    var dis = (to - from) / times;

    var timerId = setInterval(function () {
        from += dis;
        current++;
        if (current > times) {
            from = to;
            clearInterval(timerId);
            option.onend && option.onend();
        }
        option.onmove && option.onmove(from);
    }, duration);
}
  • Use Demo

createAnimation({
    from: 0,
    to: 100,
    onmove: function(value) {
        console.log('###: ', value);
    },
    onend: function() {
        console.log('ended');
    }
})
本原创文章未经允许不得转载 | 当前页面:坏蛋格鲁 » 【Function】JS 封装 Animation 创建动画函数

评论