이번에는 텍스트 글꼴 인쇄 인터페이스를 구현하기 위한 JS를 소개하겠습니다. 텍스트 글꼴 인쇄 인터페이스를 구현하기 위해 JS를 구현하는 데 있어 주의 사항은 무엇입니까? 다음은 실제 사례입니다.
구체적인 코드는 다음과 같습니다.
<!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>
이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!
추천 도서
vuex 페이지 새로 고침 후 데이터 삭제를 방지하는 방법
js 번들 TypeScript 선언 사용에 대한 자세한 설명
위 내용은 JS는 텍스트 글꼴 인쇄 인터페이스를 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!