js定时器实现一个个字输入的打字效果

Posted 2020-09-20

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js定时器实现一个个字输入的打字效果相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<p id="p1">啊啊啊啊啊啊啊啊啊啊啊啊啊</p>
</body>
<script>
    var p1 = document.getElementById("p1");
    var p2 = p1.innerText.split(‘‘);
    p1.innerText=‘‘;
    var i=0;
    var qqq = setInterval(function () {
        if (i<p2.length){
            p1.innerText +=p2[i];
            i++;
        }else {
            clearInterval(qqq);
        }
    },100);
</script>
</html>

以上是关于js定时器实现一个个字输入的打字效果的主要内容，如果未能解决你的问题，请参考以下文章