Artikel ini menjelaskan metode JS untuk mencapai efek cepat yang berkedip dari bilah judul halaman web. Bagikan untuk referensi Anda. Analisis spesifiknya adalah sebagai berikut:
Kami sering melihat efek berkedip dari bilah judul halaman web di beberapa alat obrolan, seperti ruang obrolan dengan lalu lintas saat ini. Mari kita rangkum kode cepat untuk mengimplementasikan bilah judul halaman web yang berkedip -kedip. Jika Anda tertarik, silakan merujuknya.
Proyek perusahaan menggunakan efek prompt pesan baru ini, yang terutama digunakan untuk meminta pengguna untuk memiliki pesan baru. Kode implementasi spesifik adalah sebagai berikut:
var newMessageremind = {_ Langkah: 0, _title: document.title, _timer: null, // Tampilkan pesan baru tampilkan: function () {var temps = newMessageremind._title.replace ("【】】"). setTimeOut (function () {newMessageremind.show (); // tulis operasi cookie di sini newMessageremind._step ++; if (newMessageremind._step == 3) {newMessageremind._step = 1}; ifesageremind._step == 1) {document.tep = 1}; (newMessageremind._step == 2) {document.title = "【pesan baru】" + temps};}, 800); return [newMessageremind._timer, newMessageremind._title];}, // Batalkan pesan baru clear: function () {clearTimeout (); newMessageremind._title; // tulis operasi cookie di sini}}; Menelepon untuk menampilkan prompt pesan baru: newMessageRemind.show();
Hubungi untuk membatalkan prompt pesan baru: newMessageRemind.clear();
Setelah membaca kode di atas, saya akan mengoptimalkannya sendiri. Tidak peduli apa, saya bisa menyerap dan mempelajarinya sendiri. :) Saya terutama berpikir bahwa bidang NewMessageremind dalam kodenya digunakan terlalu banyak, itu terlihat padat dan tidak nyaman. Saya berpikir untuk menunjukkannya dengan cara yang segar, jadi saya mendapat kode berikut:
var newMessagereMind = function () {var i = 0, title = document.title, loop; return {show: function () {loop = setInterval (function () {i ++; if (i == 1) document.title = '【Pesan baru】' + judul; if (i == 2) document.title = '【】' + judul; if (i == 3) i = 0;}, 800); }, stop: function () {clearInterval (loop); document.title = judul; }}; } ();Apakah jauh lebih segar? ^_^
<! Doctype html> <html lang = "en-us"> <head> <meta charset = "utf-8"> <itement> Ini liburan! Lai Lai </itement> </head> <body> <tombol id = "test"> hentikan </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 = '【Pesan baru】' + judul; if (i == 2) document.title = '【】' + judul; if (i == 3) i = 0;}, 800); }, stop: function () {clearInterval (loop); document.title = judul; }};} (); newMessagereMind.show (); document.geteLementById ('test'). onclick = function () {newMessageremind.stop ();}; </script> </body> </html>Terus membagikan satu
<script> (function () {var origintitile = document.title, titletime; document.addeventListener ('visibilitychange', function () {if (document.hidden) {document.title = 'Where the Dead Ghost Go!'; cleartimeout (titletime);} else {document.title = '(つェ⊂ cleartimeout (titletime);} else {document.title =' (つェ⊂ つェ⊂ つェ⊂ つェ⊂ つェ⊂ {titletime); {document.title = Origintitile;}, 2000);Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.