我们简单的通过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>