具体代码如下：
<!doctype> <html> <head> <title>打字效果</title>
<meta charset="utf-8"> </head> <style type="text/css"> p { width:980px; margin:10px auto; background:#f3e6ea; border:2px outset #f9c6aa; color:green; } </style> <script type="text/javascript"> var i=1; function write() { var id=document.getelementbyid(main); var msg=js打字机效果 ，原理很简单：每次多获取一个待打出的字符串的值，输出，覆盖原来输出的内容即可js打字机效果 ，原理很简单：每次多获取一个待打出的字符串的值，输出，覆盖原来输出的内容即可js打字机效果 ，原理很简单：每次多获取一个待打出的字符串的值，输出，覆盖原来输出的内容即可js打字机效果 ，原理很简单：每次多获取一个待打出的字符串的值，输出，覆盖原来输出的内容即可js打字机效果 ，原理很简单：每次多获取一个待打出的字符串的值，输出，覆盖原来输出的内容即可js打字机效果 ，原理很简单：每次多获取一个待打出的字符串的值，输出，覆盖原来输出的内容即可js打字机效果 ，原理很简单：每次多获取一个待打出的字符串的值，输出，覆盖原来输出的内容即可js打字机效果 ，原理很简单：每次多获取一个待打出的字符串的值，输出，覆盖原来输出的内容即可js打字机效果 ，原理很简单：每次多获取一个待打出的字符串的值，输出，覆盖原来输出的内容即可; var len=msg.length; var msg1=msg.substring(0,i); id.innerhtml=msg1; if(i==len){clearinterval(t)} else i++; } function time1() { var t=setinterval(function(){write()},50); } </script> <body onload=time1()> <p id="main"></p> </body> </html>
相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！
推荐阅读
怎么阻止vuex页面刷新后数据清除
js捆绑typescript声明使用详解
以上就是js实现文本字体打印界面的详细内容。