JS實(shí)現(xiàn)的自動(dòng)打字效果示例
本文實(shí)例講述了JS實(shí)現(xiàn)的自動(dòng)打字效果。分享給大家供大家參考，具體如下：
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>js typing</title>
</head>
<body>
<div id='divTyping'></div>
<script>
var str = 'js 實(shí)現(xiàn)的 打字效果，感覺(jué)蠻有趣的。';
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;//結(jié)束打字,移除 _ 光標(biāo)
}
}
typing();
</script>
</body>
</html>
運(yùn)行效果圖如下：
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題：《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動(dòng)畫(huà)特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
利用JavaScript控制元素(標(biāo)簽)的顯示與隱藏
這篇文章主要給大家介紹了關(guān)于如何利用JavaScript控制元素(標(biāo)簽)的顯示與隱藏的相關(guān)資料,JavaScript有多種方式可以實(shí)現(xiàn),文中介紹了三種方法以及區(qū)別,需要的朋友可以參考下2023-07-07
淺談對(duì)于“不用setInterval，用setTimeout”的理解
這篇文章主要介紹了淺談對(duì)于“不用setInterval，用setTimeout”的理解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
JavaScript中有關(guān)一個(gè)數(shù)組中最大值和最小值及它們的下表的輸出的解決辦法
這篇文章主要介紹了JavaScript中有關(guān)一個(gè)數(shù)組中最大值和最小值及它們的下表的輸出的一種解決辦法，本文還給大家介紹了js快速獲取數(shù)組中最大值和最小值的方法，非常不錯(cuò),需要的朋友可以參考下2016-07-07
es5 類(lèi)與es6中class的區(qū)別小結(jié)
這篇文章主要給大家介紹了關(guān)于es5 類(lèi)與es6中class區(qū)別的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
JS中的提升機(jī)制變量提升函數(shù)提升實(shí)例詳解
這篇文章主要為大家介紹了JS中的提升機(jī)制變量提升函數(shù)提升實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
javascript 獲取模態(tài)窗口的滾動(dòng)位置代碼
模態(tài)窗口的滾動(dòng)位置獲取辦法還有不知道的嗎？下面的方法或許對(duì)大家有所幫助，感興趣的朋友可以了解下，希望對(duì)大家有所幫助2013-08-08
Javascript 函數(shù)parseInt()轉(zhuǎn)換時(shí)出現(xiàn)bug問(wèn)題
天測(cè)試的測(cè)出來(lái)的。parseInt(1.13*100)，實(shí)際返回值是112，下面有個(gè)示例，大家可以看看下2014-05-05
javascript中動(dòng)態(tài)加載js文件多種解決辦法總結(jié)
這篇文章主要介紹了javascript中動(dòng)態(tài)加載js文件多種解決辦法，有需要的朋友可以參考一下2013-11-11
javascript實(shí)現(xiàn)表格排序 編輯 拖拽 縮放
這篇文章主要介紹了javascript實(shí)現(xiàn)表格排序 編輯 拖拽 縮放的方法，效果非常不錯(cuò)，只是兼容性還有些問(wèn)題，有待優(yōu)化。2015-01-01
本文主要介紹了JavaScript可選鏈的實(shí)現(xiàn)示例,它通過(guò)使用問(wèn)號(hào)（?）來(lái)判斷屬性或函數(shù)是否存在,避免了因?yàn)閷傩曰蚝瘮?shù)不存在而導(dǎo)致的錯(cuò)誤,具有一定的參考價(jià)值,感興趣的可以了解一下2024-01-01