废话不多说,上代码~~
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="text"></div> </body> <script> let divTyping = document.getElementById('text') let i = 0, timer = 0, str = '用JS实现动态打字效果' function typing () { if (i <= str.length) { divTyping.innerHTML = str.slice(0, i++) + '_' timer = setTimeout(typing, 200) } else { divTyping.innerHTML = str//结束打字,移除 _ 光标 clearTimeout(timer) } } typing() </script> </html>