最近看了一個小效果，感覺還挺不錯，程式碼實現起來也挺簡單，於是就寫了些。

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)這個函式來進行字串的擷取，然後再通過定時器實現效果，很簡單。

今天一口氣寫了好幾篇小文章，都是一些工作中能用的到的小效果。接下來會逐漸的增加一些內容，進行一些框架的學習交流（還在整理中），希望與大家能共同進步，多讀指教。