js 实现自动打字的效果
用JS来实现一个动态打字的效果
效果:
html:
<div id="text"></div>
js:
let divTyping = document.getElementById('text')
let i = 0,
timer = 0,
str = 'www.baidu.com'
function typing() {
if(i <= str.length) {
divTyping.innerHTML = str.slice(0, i++) + '|'
timer = setTimeout(typing, 300)
} else {
divTyping.innerHTML = str //结束打字,移除 _ 光标
clearTimeout(timer)
}
}
typing()