这类需求,博主暂未在项目中遇到,但是,不得不防,而且还挺有趣的哟。
效果是文字一个字一个字地、类似于打印机打字的效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>打印机效果</title> <style></style> </head> <body> <pre id="wordRow" style="color:red;font-size: 24px"></pre> <div style="display:none" id="testText">JS 实现类似打印的效果(一个字一个字显示)我就是来测试一下是否可以一个字一个字的跳出来,没有其它的意思。。。。啦啦啦。。。</div> <script language="javascript"> var index=0; var word=document.getElementById("testText").innerHTML; function type(){ document.getElementById("wordRow").innerText = word.substring(0,index++); } setInterval(type, 100); </script> </body> </html>
效果图: