تصف هذه المقالة تأثير الآلة الكاتبة التي تنفذها JS. شاركه للرجوع إليه ، على النحو التالي:
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <!-دائمًا فرض أحدث محرك عرض IE (حتى في إنترانت) وإطار chrome إزالة هذا إذا كنت تستخدم .htaccess-> <meta http-equiv = "x-ua-content" تأثير الآلة الكاتبة </title> <meta name = "description" content = ""> <meta name = "upult" content = "Administrator"> <meta name = "viewport" content = "width = width ؛ {العرض: 80 ٪ ؛ الارتفاع: 750 بكسل ؛ الهامش: السيارات ؛ الحشو: 10 بكسل ؛ الخلفية: #CFE1CA ؛ الحدود: 10px utmet #f9c6aa ؛ ارتفاع الخط: 30 بكسل ؛ اللون: #9F3C61 ؛ حجم الخط: 18 بكسل ؛ } p {text-indent: 30px ؛ } </style> <script type = "text/javaScript"> var typewriter = {msg: function (msg) {return msg ؛ } ، len: function () {return this.msg.length ؛ } ، seq: 0 ، السرعة: 150 ، // time 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) ؛ } آخر {_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> <body> <div id = "main"لمزيد من المعلومات حول المحتوى المتعلق بـ javaScript ، يرجى مراجعة موضوعات هذا الموقع: "ملخص لتأثيرات وتقنيات تبديل JavaScript" ، "ملخص لمهارات خوارزمية بحث JavaScript" ، "ملخص لتأثيرات الرسوم المتحركة JavaScript و Techniques و" ملخص ". خوارزميات وتقنيات JavaScript Traversal "، و" ملخص استخدام العمليات الرياضية JavaScript "
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.