<!DOCTYPE html>
<html lang="en">
<head>
???<meta charset="UTF-8">
???<meta name="viewport" content="width=device-width, initial-scale=1.0">
???<meta http-equiv="X-UA-Compatible" content="ie=edge">
???<title>Document</title>
???<style>
???????body {
???????????background-color: skyblue;
???????}
???????#box {
???????????/* width: 600px; */
???????????height: 200px;
???????????line-height: 200px;
???????????background-color: #fff;
???????????margin: 200px auto;
???????????text-align: center;
???????????font-size: 40px;
???????}
???</style>
???<!-- <script src=‘http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js‘></script> -->
</head>
<body>
???<div id="box">
???????想明白生命的意义吗？想真正的……活着吗!
???</div>
</body>
<script>
???var box = document.getElementById(‘box‘);
???var box2 = box.innerText.split(‘‘);
???box.innerText = ‘‘;
???var i = 0;
???var start = setInterval(function() {
???????????????if (i < box2.length) {
???????????????????box.innerText += box2[i];
???????????????????i++;
???????????????} else {
???????????????????clearInterval(start);
???????????????}
???????????},
???????????500)
???????// }
</script>
</html>
js 定时器打字动画
原文地址：https://www.cnblogs.com/qimiaojiyi/p/9794863.html