js 实现网页一个一个字打印出来的效果

最近看了一个小效果，感觉还挺不错，代码实现起来也挺简单，于是就写了些。

html：

<textarea id="showStr"></textarea> //用来显示逐渐出现的文字
<div style="display:none" id="string">宝贝，我好想好想你，想你想的睡不好觉，想你想的吃不下饭，我爱你爱你爱你，么么么么么么么么，啵啵啵啵啵啵啵
</div>

js：

var index = 0;
var str = document.getElementById("string").innerHTML;
function type() {
if(index == str.length) {
index = 0;
}
document.getElementById("showStr").innerText = str.substring(0, index++);
}
setInterval(type, 200); //通过定时器来让文字逐步显示

这里最主要的就是通过str.substring(x,y)这个函数来进行字符串的截取，然后再通过定时器实现效果，很简单。

今天一口气写了好几篇小文章，都是一些工作中能用的到的小效果。接下来会逐渐的增加一些内容，进行一些框架的学习交流（还在整理中），希望与大家能共同进步，多读指教。