【代码】JS实现打字机效果

发表于 更新于 阅读次数：

前言

JS实现打字机效果

源代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
const ele = document.getElementsByClassName("typing");
for (let e of ele) {
    const line = e.innerText;
    let count = 0;
    let newLine = "";
    let timer = setInterval(function(){
        const one = line.charAt(count);
        newLine += one;
        // 新行替换旧行
        e.innerText = newLine;
        count += 1;
        if (count === line.length) {
            clearInterval(timer);
        }
    }, 200);
}

完成