Home > Article > Web Front-end > JS implements text font printing interface
This time I will bring you JS to implement the text font printing interface. What are the precautions for JS to implement the text font printing interface. The following is a practical case, let’s take a look.
The specific code is as follows:
<!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>
I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!
Recommended reading
How to prevent the data from being cleared after the vuex page is refreshed
Detailed explanation of the use of js bundled TypeScript declarations
The above is the detailed content of JS implements text font printing interface. For more information, please follow other related articles on the PHP Chinese website!