บทความนี้อธิบายถึงวิธีการของ JS เพื่อให้ได้เอฟเฟกต์พรอมต์ของแถบชื่อเรื่องเว็บเพจ แบ่งปันสำหรับการอ้างอิงของคุณ การวิเคราะห์เฉพาะมีดังนี้:
เรามักจะเห็นเอฟเฟกต์การกะพริบของแถบชื่อเรื่องเว็บเพจในเครื่องมือแชทบางอย่างเช่นห้องแชทที่มีปริมาณการใช้งานปัจจุบัน มาสรุปรหัสพรอมต์สำหรับการใช้งานแถบชื่อเรื่องหน้าเว็บที่กะพริบ หากคุณสนใจโปรดดูที่
โครงการของ บริษัท ใช้ผลกระทบของพรอมต์ข้อความใหม่นี้ซึ่งส่วนใหญ่ใช้เพื่อกระตุ้นให้ผู้ใช้มีข้อความใหม่ รหัสการใช้งานเฉพาะมีดังนี้:
var newMessageMind = {_ step: 0, _title: document.title, _timer: null, // แสดงข้อความแจ้งใหม่แสดง: function () {var temps = newMessageremind._title.replace ("【", ") {newMessageMind.Show (); // เขียนการดำเนินการคุกกี้ที่นี่ newMessageMind._step ++; ถ้า (newMessageMind._step == 3) {newMessageMind._step = 1}; ถ้า (newMessageMind._step == 1) {document.title = "【" 【 2) {document.title = "【ข้อความใหม่】" + temps};}, 800); return [newMessageMind._timer, newMessageSageremind._title];}, // ยกเลิกข้อความใหม่ที่ชัดเจน: function () {cleartimout ที่นี่}}; การโทรเพื่อแสดงพรอมต์ข้อความใหม่: newMessageRemind.show();
โทรเพื่อยกเลิกพรอมต์ข้อความใหม่: newMessageRemind.clear();
หลังจากอ่านรหัสด้านบนฉันจะเพิ่มประสิทธิภาพด้วยตัวเอง ไม่ว่าจะเกิดอะไรขึ้นฉันสามารถดูดซับและเรียนรู้ด้วยตัวเอง :) ส่วนใหญ่ฉันคิดว่าฟิลด์ NewmessageMind ในรหัสของเขาใช้มากเกินไปมันดูหนาแน่นและอึดอัด ฉันคิดว่าจะแสดงมันอย่างใหม่ดังนั้นฉันจึงได้รับรหัสต่อไปนี้:
var newMessageMind = function () {var i = 0, title = document.title, วนลูป; return {show: function () {loop = setInterval (function () {i ++; ถ้า (i == 1) document.title = '【ข้อความใหม่】' + title; ถ้า (i == 2) document.title = '【' + ชื่อ; if (i == 3) i = 0;}, 800); }, stop: function () {clearInterval (ลูป); document.title = title; - -มันสดกว่ามากหรือไม่? -
<! doctype html> <html lang = "en-us"> <head> <meta charset = "utf-8"> <title> มันเป็นวันหยุด! - - </title> </head> <body> <button id = "test"> หยุด </ปุ่ม> <script type = "text/javascript"> var newMessageMind = function () {var i = 0, title = document.title, loop; return {show: function () {loop = setInterval (function () {i ++; ถ้า (i == 1) document.title = '【ข้อความใหม่】' + title; ถ้า (i == 2) document.title = '【' + ชื่อ; if (i == 3) i = 0;}, 800); }, stop: function () {clearInterval (ลูป); document.title = title; }};};แบ่งปันต่อไป
<script> (ฟังก์ชั่น () {var origintitile = document.title, tatletime; document.addeventListener ('การมองเห็น change', ฟังก์ชั่น () {ถ้า (document.hidden) {document.title = 'ที่ผีตายไป!'; settimeout (function () {document.title = origintitile;}, 2000);}});}) ();ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน