js-type-writing

Javascript

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<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>