Dieser Artikel beschreibt den von JS implementierten Schreibmaschineneffekt. Teilen Sie es für Ihre Referenz wie folgt weiter:
<! DocType html> <html Lang = "en"> <head> <meta charset = "utf-8"> <!-erzwingen Typewriter-Effekt </title> <meta name = "Beschreibung" content = ""> <meta name = "Autor" content = "Administrator"> <meta name = "viewPort" content = "width = Geräte-Width; initial-scale = 1,0"> <!-Ersetzen Sie die Favicon.ICO & Apple-Touch-ICON.PNGE. #Main {Breite: 80%; Höhe: 750px; Rand: Auto; Polsterung: 10px; Hintergrund: #CFE1CA; Grenze: 10px Outset #f9c6aa; Zeilenhöhe: 30px; Farbe: #9f3c61; Schriftgröße: 18px; } p {textindent: 30px; } </style> <script type = "text/javaScript"> var typewriter = {msg: function (msg) {return msg; }, len: function () {return this.msg.length; }, seq: 0, Geschwindigkeit: 150, // typisierende Zeit (ms) Typ: function () {var _this = this; document.getElementById ("main"). innerhtml = _this.msg.substring (0, _this.seq); if (_this.seq == _this.len ()) {_this.seq = 0; Clearimeout (t); } else {_this.seq ++; var t = setTimeout (function () {_ this.type ()}, this.speed); }}} window.onload = function () {alert ("Willkommen zu //www.vevb.com") var msg = "js Schreibmaschinen -Effekt, das Prinzip ist sehr einfach: Erhalten Sie einen zusätzlichen Wert der Zeichenfolge, die gleichzeitig tippt, die Ausgabe und Überschreibung des ursprünglichen Ausgangsgehalts"; Funktion getmsg () {return msg; } typewriter.msg = getmsg (msg); typewriter.type (); } </script> </head> <body> <div id = "main"> </div> </body> </html>Weitere Informationen zu javaScriptbezogenen Inhalten finden Sie in den Themen dieser Website: "Zusammenfassung der JavaScript -Switching -Effekte und -Techniken", "Zusammenfassung der Fähigkeiten der JavaScript -Suchalgorithmus", "Zusammenfassung der JavaScript -Animationseffekte und -Techniken", "Zusammenfassung von JavaScript -Fehler und Debugging -Techniken", Summary of Javacript -Daten und Algorith -Fähigkeiten "," Summary of Javacript Data Structures "," Summary of Javacript Data Structures "" "" "" "" "" "" "" "" "" " JavaScript -Traversalalgorithmen und -techniken "und" Zusammenfassung der Nutzung von JavaScript -Mathematischen Operationen "
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.