이 기사에서는 JS가 구현 한 타자기 효과에 대해 설명합니다. 다음과 같이 참조에 대해 공유하십시오.
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <!-항상 최신 렌더링 엔진 (인트라넷에서도) 및 크롬 프레임을 강제로 강제로 강제로 제거하십시오. htaccess를 사용하는 경우-> <meta http-empatible = "x-ua-compatible"= gende = genge, chrome = at and gende> 타자기 효과 </title> <meta name = "description"content = ""> <meta name = "author"contment = "incountator"> <meta name = "viewport"content = "width = device-width; 초기 스케일 = 1.0"> <!-favicon.ico & apple-touch-icon.png in this the type = "style/css" " {너비 : 80%; 높이 : 750px; 마진 : 자동; 패딩 : 10px; 배경 : #cfe1ca; 국경 : 10px 시작 #f9c6aa; 라인 높이 : 30px; 색상 : #9F3C61; 글꼴 크기 : 18px; } p {텍스트-안정 : 30px; } </style> <script type = "text/javaScript"> var typewriter = {msg : function (msg) {return msg; }, len : function () {return this.msg.length; }, seq : 0, 속도 : 150, // 입력 시간 (ms) 유형 : function () {var _this = this; document.getElementById ( "main"). innerHtml = _this.msg.substring (0, _this.seq); if (_this.seq == _this.len ()) {_this.seq = 0; 클리어 타임 아웃 (t); } else {_this.seq ++; var t = settimeout (function () {_ this.type ()}, this.speed); }}} Window.onload = function () {alert ( "//www.vevb.com에 오신 것을 환영합니다") var msg = "JS 타자기 효과, 원리는 매우 간단합니다. 한 번에 입력 할 문자열의 추가 값을 얻고, 출력 및 원래 출력 내용을 덮어 씁니다"; 함수 getmsg () {return msg; } typewriter.msg = getmsg (msg); 타자기 -type (); } </script> </head> <hod> <div id = "main"> </div> </body> </html>JavaScript 관련 컨텐츠에 대한 자세한 내용은이 사이트의 주제를 확인하십시오. "JavaScript 스위칭 효과 및 기술 요약", "JavaScript 검색 알고리즘 기술 요약", "JavaScript 애니메이션 효과 및 기술 요약", "Javascript 오류 및 디버깅 기술의 요약" "JavaScript 기술의 요약" "" "요약" "", Malgority Sknickes의 요약 "". JavaScript Traversal 알고리즘 및 기술 "및"JavaScript 수학 연산 사용 요약 "
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.