使用javascript实现在页面打印的效果的三种方式

<div id="console"></div>


<script type="text/javascript">
		var consoleDom = document.getElementById("console");
		
		var str = "我们跟创业者胡彦斌，聊了聊他的牛班";
		var len = str.length;
		//console.log(len);
		/*
		for(var i=0;i<len;i++){
			consoleDom.innerHTML += str.charAt(i);
		}
		这是第一种方式,立马执行完毕
		不能再内部设置setTime()定时器
		除非使用闭包
		*/
		
		
		//第二种方式
		//递归:for循环的变体
		var i = 0;
		function start(){
			if(i == len)return false;
			consoleDom.innerHTML += str.charAt(i);
			 i ++;
			 //console.log(i);
			 setTimeout(start,100);
			
		}
		
		//start();
		
		
		
		//第三种方式
		var arr = [];
		arr.push("从音乐社区转型乐器导购还不够，蝌蚪音客未来想尝试直营模式杀入渠道上游");
		arr.push("国内Magic创业沉浮录（下）：强劲玩家已登场，私人助理服务到底该怎么做？");
		arr.push("据说只有年薪50万以上的人才会点进来");
		
		var leng = arr.length;
		
		var j = 0;
		var index = 0;
		function print(){
			
			
			if(j==arr[index].length){
				consoleDom.innerHTML += "<br/>";
				index ++;
				j = 0;
			}
			if(index ==leng) return false;
			consoleDom.innerHTML += arr[index].charAt(j);
			j ++;
			console.log(j);
			setTimeout(print,100);
		}
		
		print();
		
	</script>