【代码】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);
}

完成