js pelaksanaan bar tajuk halaman web berkelip kesan gesaan contoh kemahiran analisis_javascript

Contoh dalam artikel ini menerangkan cara menggunakan js untuk mencapai kesan gesaan berkelip pada bar tajuk halaman web. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Kami sering melihat kesan berkelip bar tajuk halaman web dalam beberapa alat sembang, seperti bilik sembang dengan trafik tinggi semasa di bawah kami akan meringkaskan kod untuk merealisasikan gesaan bar tajuk halaman web jika anda berminat , anda boleh merujuknya.

Kesan gesaan mesej baharu ini digunakan dalam projek syarikat dan digunakan terutamanya untuk mengingatkan pengguna bahawa terdapat mesej baharu. Kod pelaksanaan khusus adalah seperti berikut:

Salin kod Kod adalah seperti berikut:

var newMessageRemind={
_langkah: 0,
_title: document.title,
_pemasa: batal,
//Paparkan gesaan mesej baharu
show:function(){
var temps = newMessageRemind._title.replace("【　　】", "").replace("【New Message】", "");
newMessageRemind._timer = setTimeout(function() {
newMessageRemind.show();
//Tulis operasi Kuki di sini
newMessageRemind._step ;
if (newMessageRemind._step == 3) { newMessageRemind._step = 1 };
if (newMessageRemind._step == 1) { document.title = "【　　】" temps };
if (newMessageRemind._step == 2) { document.title = "[New Message]" temps };
}, 800);
kembalikan [newMessageRemind._timer, newMessageRemind._title];
},
//Batalkan gesaan mesej baharu
jelas: function(){
clearTimeout(newMessageRemind._timer);
document.title = newMessageRemind._title;
//Tulis operasi Kuki di sini
}
};

Panggil untuk memaparkan peringatan mesej baharu: newMessageRemind.show();
Panggil untuk membatalkan peringatan mesej baharu: newMessageRemind.clear();
Selepas membaca kod di atas, anda boleh mengoptimumkannya sendiri Walau apa pun, ia akan menjadi baik jika anda dapat menyerap dan mempelajarinya. :) Saya terutamanya merasakan bahawa medan newMessageRemind dalam kodnya telah digunakan terlalu banyak, dan ia kelihatan padat dan tidak selesa, saya mahu menunjukkannya dengan cara yang baharu, jadi saya menghasilkan kod berikut:

Salin kod Kod adalah seperti berikut:

var newMessageRemind = function () {
var i = 0,
         tajuk = document.title,
         gelung

Kembali {
tunjukkan: fungsi () {
              gelung = setInterval(fungsi () {
saya ;
Jika ( i == 1 ) document.title = '[Berita Baharu]' tajuk
Jika ( i == 2 ) document.title = '【　】' title
Jika ( i == 3 ) i = 0;              }, 800);          },
Berhenti: fungsi () {
                                                                                                                                                                                                        ,     ,   ,,,,,,,,,,,,,,,,,                  document.title = tajuk;            }
};
} ();

Bukankah ia lebih segar? ^_^

Salin kod

Kod adalah seperti berikut:

放假啦！！！


stop