تصف هذه المقالة طريقة JS لتحقيق التأثير السريع المذهل لشريط عنوان صفحة الويب. شاركه للرجوع إليه. التحليل المحدد هو كما يلي:
غالبًا ما نرى التأثير الخفقان لشريط عنوان صفحة الويب في بعض أدوات الدردشة ، مثل غرفة الدردشة مع حركة المرور الحالية. دعنا نلخص رمزًا موجهًا لتنفيذ شريط عنوان صفحة ويب الخفقان. إذا كنت مهتمًا ، يرجى الرجوع إليه.
يستخدم مشروع الشركة تأثير موجه الرسائل الجديد ، والذي يستخدم بشكل أساسي لمطالبة المستخدمين بإنشاء رسائل جديدة. رمز التنفيذ المحدد كما يلي:
var newmessageremind = {_ الخطوة: 0 ، _title: document.title ، _timer: null ، // إظهار مطالبات رسالة جديدة show: function () {var temps = newmessageremind._title.replace ("【】" setTimeOut (function () {newMessagerEmind.show () ؛ // اكتب عملية ملف تعريف الارتباط هنا newMessagerEmind._step ++ ؛ if (newmessageremind._step == 3) {newmessageremind._step = 1} ؛ (NewMessagerEmind._step == 2) {document.title = "【رسالة جديدة】" + temps} ؛} ، 800) ؛ إرجاع [newMessagerEmind._timer ، newmessageremind._title] ؛ NewMessageremind._title ؛ // اكتب ملفات تعريف الارتباط هنا}} ؛ الاتصال لعرض موجه رسالة جديدة: newMessageRemind.show();
اتصل لإلغاء موجه الرسالة الجديد: newMessageRemind.clear();
بعد قراءة الكود أعلاه ، سأقوم بتحسينه بنفسي. بغض النظر عن ماذا ، يمكنني امتصاص وتعلمه بنفسي. :) أعتقد بشكل رئيسي أن حقل NewMessageremind في الكود يستخدم أكثر من اللازم ، يبدو كثيفًا وغير مريح. فكرت في عرضه بطريقة جديدة ، لذلك حصلت على الرمز التالي:
var newmessageremind = function () {var i = 0 ، title = document.title ، loop ؛ return {show: function () {loop = setInterval (function () {i ++ ؛ if (i == 1) document.title = '【new message】' + title ؛ if (i ==) document.title = '【】' + title ؛ if (i == 3) i = 0 ؛} ، 800) ؛ } ، stop: function () {clearinterval (loop) ؛ document.title = title ؛ }} ؛ } () ؛هل هو أعذب كثيرا؟ ^_^
<! doctype html> <html lang = "en-us"> <head> <meta charset = "utf-8"> <title> إنها إجازة! ! ! </title> </head> <body> <button id = "test"> stop </button> <script type = "text/javaScript"> var newmessageremind = function () {var i = 0 ، title = document.title ، loop ؛ return {show: function () {loop = setInterval (function () {i ++ ؛ if (i == 1) document.title = '【new message】' + title ؛ if (i ==) document.title = '【】' + title ؛ if (i == 3) i = 0 ؛} ، 800) ؛ } ، stop: function () {clearinterval (loop) ؛ document.title = title ؛ } ؛استمر في مشاركة واحدة
<script> (function () {var origintitile = document.title ، titletime ؛ document.addeventListener ('VisabilityChange' ، function () {if (document.hidden) {document.title = 'where where the dead ghost! setTimeout (function () {document.title = Origintitile ؛} ، 2000) ؛آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.