使用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>

  

上一篇:vim命令的妙用


下一篇:DevExpress GridControl 显示行号、设置行号宽