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 qText = setInterval(function () {
        if (i<p2.length){
            p1.innerText +=p2[i];
            i++;
        }else {
            clearInterval(qText);
        }
    },100);
</script>
</html>

 2.百度

5行代码带你实现一个js的打字效果

posted @ 2023-08-21 17:36  热心市民~菜先生  阅读(24)  评论(0编辑  收藏  举报