Cet article décrit l'effet de machine à écrire mis en œuvre par JS. Partagez-le pour votre référence, comme suit:
<! Doctype html> <html lang = "en"> <éad> <meta charset = "utf-8"> <! - Forcer toujours le dernier moteur de rendu (même en intranet) et chromé supprimez ce Effet de typewriter </ title> <meta name = "Description" content = ""> <meta name = "auteur" content = "administrator"> <meta name = "Viewport" contenu = "width = device-width; initial-scale = 1.0"> <! - Remplacez favicon.ico & apple-toouch-icon.png dans la racine de votre domin #main {largeur: 80%; Hauteur: 750px; marge: auto; rembourrage: 10px; Contexte: # CFE1CA; Borde: 10px Début # F9C6AA; hauteur de ligne: 30px; Couleur: # 9F3C61; taille de police: 18px; } p {text-indent: 30px; } </ style> <script type = "text / javascript"> var typewriter = {msg: function (msg) {return msg; }, len: function () {return this.msg.length; }, seq: 0, vitesse: 150, // Taping Time (ms) type: function () {var _This = this; document.getElementById ("main"). innerHtml = _This.msg.substring (0, _This.seq); if (_This.seq == _This.len ()) {_This.seq = 0; ClearTimeout (t); } else {_this.seq ++; var t = setTimeout (function () {_ this.type ()}, this.speed); }}} window.onload = function () {alert ("bienvenue à //www.vevb.com") var msg = "JS Effet Typewriter, le principe est très simple: obtenir une valeur supplémentaire de la chaîne à taper à un moment, la sortie et écraser le contenu de sortie d'origine"; fonction getmsg () {return msg; } TypeWriter.msg = Getmsg (msg); TypeWriter.Type (); } </ script> </ head> <body> <div id = "main"> </div> </ody> </html>Pour plus d'informations sur le contenu lié à JavaScript, veuillez consulter les sujets de ce site: "Résumé des effets et techniques de commutation JavaScript", "Résumé des effets et techniques de recherche JavaScript", "Résumé des erreurs Javascript et des techniques de débogage" Algorithmes et techniques de traversée JavaScript ", et" Résumé de l'utilisation des opérations mathématiques JavaScript "
J'espère que cet article sera utile à la programmation JavaScript de tous.