js实现打字的功能

3,397 阅读1分钟

我们简单的通过js实现打字的功能,直接看代码:

<div id="myWriting" write-data="我们一起来学习web前端的知识吧!Let's get together to learn front end!">

</div>

<script>
	var myWrite = document.getElementById('myWriting');
    var text = myWrite.getAttribute('write-data');
    typeWriting(text, 0);

    function typeWriting(txt, n) {
        if (txt.length > n) {
            n++;
            myWrite.innerHTML = txt.substring(0, n);
            setTimeout(function () {
                typeWriting(txt, n);
            }, 100)
        } else {
            typeWriting(txt, 0);
        }
    }
<script>