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>

 

posted @ 2017-05-31 11:34  花花花花花  阅读(1244)  评论(0编辑  收藏  举报