javascript简单时间轴

just__lee

于 2015-06-23 22:54:34 发布

阅读量748

点赞数

分类专栏： javascript 文章标签： javascript 闭包

本文链接：https://blog.youkuaiyun.com/just__lee/article/details/46611511

版权

javascript 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个简单的JavaScript时间轴函数实现，该函数可以根据设定的时间间隔调用不同的回调函数。通过创建`Timeline`对象并使用`add`方法添加定时任务，再通过`start`方法启动执行流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

</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();