本文實例講述了JS實現(xiàn)的自動打字效果。分享給大家供大家參考，具體如下：
<!DOCTYPE html><html> <head> <meta charset='utf-8'> <title>js typing</title> </head> <body> <div id='divTyping'></div> <script> var str = 'js 實現(xiàn)的 打字效果，感覺蠻有趣的。'; var i = 0; function typing(){ var divTyping = document.getElementById('divTyping'); if (i <= str.length) { divTyping.innerHTML = str.slice(0, i++) + '_'; setTimeout('typing()', 200);//遞歸調(diào)用 } else{ divTyping.innerHTML = str;//結束打字,移除 _ 光標 } } typing(); </script> </body></html>運行效果圖如下：
更多關于JavaScript相關內(nèi)容感興趣的讀者可查看本站專題：《JavaScript切換特效與技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調(diào)試技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數(shù)學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答
