时间轴对象构造器

在用javascript做自动播放的动画时，需要在不同时刻启动多个定时器，这时可以构造一个时间轴。

 

var scence = new TimeLine() //声明

scence.add（time，func..,'init')  //添加动作

scene start（）//执行动作

一个简单的小例子

var TimeLine = function(){
    this.order = []; //动画的序列
    this.add = function(timeout, func, log){
        this.order.push({
            timeout:timeout,
            func:func,
            log:log,
        });
    }
    this.start = function(ff){
        for(s in this.order){
            (function(me){
                var fn = me.function,
                var timeout = me.timeout,
                var log = me.log;
                timeout = Math.max(time-(ff||0),0)

                setTimeout(fn,timeout);
                setTimeout(function(){
                    console.log('time->',timeout,'log->',log)
                },timeout);
            })(this.order[s])
        }
    }
}
s.add(100,function(){
    console.log('first')
},'int')

s.add(1500,function(){
    console.log('sec')
},'int')
s.start();

 

 

具体例子可参考https://github.com/daisychuckle1006/Dragon-Boat-Festival-animation