Rumah > Artikel > hujung hadapan web > js pelaksanaan bar tajuk halaman web berkelip kesan gesaan contoh kemahiran analisis_javascript

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

WBOYasal: 2016-05-16 16:31:021387semak imbas

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:

放假啦！！！