<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div style="50%; min-height:200px; margin:50px auto"> <pre id="language_one" style=" color:#F60; font-size:34px;"></pre> <div style="display:none;" id="language_two"> 原谅我这一生不羁放纵爱自由 也会怕有一天会跌倒 被弃了理想谁人都可以 那会怕有一天只你共我 今天我寒夜里看雪飘过 怀著冷却了的心窝飘远方 风雨里追赶 雾里分不清影踪 天空海阔你与我 谁没在变 </div> </div> <script language="javascript"> var index = 0; var word = document.getElementById("language_two").innerHTML; function type() { document.getElementById("language_one").innerText = word.substring(0, index++); } setInterval(type, 100); </script> </body> </html>
请看效果图：
