您的位置:首页 > Web前端 > JavaScript

javascript简单时间轴

2015-06-23 22:54 766 查看
</pre><p>创建一个简单的时间轴函数,用于根据时间调用函数</p><p><pre name="code" class="javascript">var Timeline = function(){
this.arr = [];//存放多个对象实例
//添加参数至arr
this.add = function(timeout,func){
this.arr.push({
timeout:timeout,
func:func
});
}
//执行具体函数体
this.start = function(){
for (var i = 0; i < this.arr.length; i++) {
//用闭包使得每个函数都能被执行,否则只有最后一个执行
(function(a){
var timeout = a.timeout;
var fn = a.func;
setTimeout(fn,timeout);
})(this.arr[i])
};
}
}

var time1 = new Timeline();
time1.add(1000,function(){
//function code
});
time1.start();

var time2 = new Timeline();
time2.add(2000,function(){
//function code
});
time2.start();
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: