JS Flame Animation

flame_animation.js

(function(window,namespace,$){

	window[namespace] = {

		play: function(){
			var len = this.frame.length;
			for(var i=0; i<len; i++){
				setTimeout(this.frame[i].scene, this.frame[i].timeline);
			}
		},

		frame: [
			{
				scene: function(){
					console.log(1)
				},
				timeline: 1200
			},
			{
				scene: function(){
					console.log(2)
				},
				timeline: 2000
			},
			{
				scene: function(){
					console.log(3)
				},
				timeline: 2200
			},
			{
				scene: scene04,
				timeline: 3500
			}
		]
	}

	function scene04(){
		console.log(4);
		console.log(5);
		console.log(6);
	}

})(this,'FlameAnime',jQuery);

flame_animation2.js

(function(window,namespace,$){

	window[namespace] = {

		play: function(){
			var len = this.frame.length;
			var interval = 0;
			for(var i=0; i<len; i++){
				interval += this.frame[i].interval;
				setTimeout(this.frame[i].scene, interval);
			}
		},

		frame: [
			{
				scene: function(){
					console.log(1)
				},
				interval: 1200
			},
			{
				scene: function(){
					console.log(2)
				},
				interval: 800
			},
			{
				scene: function(){
					console.log(3)
				},
				interval: 200
			},
			{
				scene: scene04,
				interval: 1300
			}
		]
	}

	function scene04(){
		console.log(4);
		console.log(5);
		console.log(6);
	}

})(this,'FlameAnime',jQuery);