js如何將字串中的字元逐字輸出
有些網頁效果,可以將字串中的字元逐字輸出,類似於打字機的方式,下面就通過例項程式碼介紹一下如何實現此功能。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> #thediv{ width:200px; height:30px; line-height:30px; margin:0px auto; } </style> <script type="text/javascript"> var printStr=function(id,str){ var index=0; var content=""; var arr=null; var flag=null; var done=function(){ arr=str.split(""); content = content + arr[index]; var odiv=document.getElementById(id); odiv.innerHTML=content; index = index + 1; if (index == arr.length) { clearInterval(flag) } } flag=setInterval(done,200); } window.onload=function(){ var str="I love antzone"; printStr("thediv",str); } </script> </head> <body> <div id="thediv"></div> </body> </html>
相關文章
- js如何將字串中的字元位置倒轉JS字串字元
- js如何實現將字串中的字元順序翻轉JS字串字元
- ncurses輸出函式:字元+字串的輸出函式字元字串
- 輸入一段字串,去除字串中重複的字元,並輸出字串字元
- js如何換掉字串中的全部指定字元JS字串字元
- C++逐字輸出函式C++函式
- js如何判斷字串中是否含有指定字元JS字串字元
- 如何獲取字串中相同字元出現的次數字串字元
- 將輸入的字元轉化為int格式輸出字元
- js字串中替換指定的的字元JS字串字元
- js如何使用指定字元分割字串JS字元字串
- 輸出儲存在記憶體中的字串(迴圈輸出每一個的字元和一次性全部輸出)記憶體字串字元
- js使用指定字元將字串分割生成陣列JS字元字串陣列
- 統計字串中數字個數,並將數字字串形式輸出字串
- ncurses輸入函式:字元+字串的輸入函式字元字串
- js如何正常輸出字串</script>JS字串
- 查詢字串中連續出現的字元字串字元
- js判斷字串中是否含有指定字元JS字串字元
- java將字串逆序遞迴方式輸出Java字串遞迴
- Java如何將字串轉換為字元陣列?Java字串字元陣列
- js中讓字串中特定字元紅色顯示JS字串字元
- js字串以鍵盤打字方式輸出:JS字串
- 重複輸出字元或字串字元字串
- 用指標編寫程式將輸入的字串倒序輸出指標字串
- js如何擷取字串右邊指定長度的字元JS字串字元
- js 字串中取得第一個字元和最後一個字元JS字串字元
- 如何計算字串某個字元出現的次數字串字元
- 統計字串中某個字元出現的次數字串字元
- 求出現在字串1而沒有出現在字串2中的字元字串字元
- js如何刪除字串中的空格JS字串
- CSS3字串逐字高亮效果CSSS3字串
- js如何計算一個字元在字串中出現的次數JS字元字串
- JS字串學習之計算給定字元的全部出現位置JS字串字元
- js如何查詢字元處中第一個不重複的字元JS字元
- js刪除字串的第一個字元JS字串字元
- js替換字串中所有指定的字元JS字串字元
- js如何判斷字串中是否包含指定的子字串JS字串
- 字元輸出流_Writer類&FileWriter類介紹和字元輸出流的基本使用_寫出單個字元到檔案字元