文字逐个出现效果
Posted 莫问、前程
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了文字逐个出现效果相关的知识,希望对你有一定的参考价值。
文字一个个出现的demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <pre id="showWord"></pre> <div style="display:none" id="word"> xxxxxxxxxxxxxxxxxxxxx </div> <script language="javascript"> var index=0; var word=document.getElementById("word").innerHTML; function type(){ document.getElementById("showWord").innerText = word.substring(0,index++); } setInterval(type, 200); </script> </body> </html>
以上是关于文字逐个出现效果的主要内容,如果未能解决你的问题,请参考以下文章