Dalam pembangunan bahagian hadapan, keperluan berkaitan masa adalah sangat biasa Salah satu aplikasi adalah untuk menangguhkan pelaksanaan operasi tertentu dengan menetapkan tamat masa, seperti penyegaran berjadual, kotak gesaan muncul selepas mengklik, dsb. Dalam jQuery, kita boleh menggunakan fungsi setTimeout()
untuk mencapai operasi tertunda yang serupa.
1. Penggunaan asas setTimeout()
Fungsi setTimeout() ialah fungsi asli JavaScript, dan penggunaannya sangat mudah:
setTimeout(func, delay);
Antaranya, func
diperlukan Fungsi yang akan dilaksanakan, delay
ialah masa tunda dalam milisaat. Contohnya:
setTimeout(function(){ console.log('3秒后执行该函数') }, 3000);
Kod di atas akan melaksanakan fungsi 3 saat selepas halaman dimuatkan dan hasil output ialah "Laksanakan fungsi selepas 3 saat".
2. Gunakan setTimeout() untuk mencapai muat semula biasa
Muat semula halaman biasa adalah sangat penting dalam beberapa senario aplikasi, seperti sistem pemantauan dan pengurusan, sistem paparan data masa nyata, dsb. Dengan bantuan fungsi setTimeout(), kita hanya boleh melaksanakan keperluan sedemikian.
Dalam kod JavaScript berikut, halaman dimuat semula setiap 5 saat melalui fungsi setInterval().
setInterval(function(){ location.reload(); }, 5000);
Dalam kod di atas, location.reload()
akan memuatkan semula halaman semasa. setInterval()
Parameter pertama fungsi ialah fungsi yang perlu dilaksanakan, dan parameter kedua ialah selang, dalam milisaat.
3. Gunakan setTimeout() untuk muncul kotak gesaan selepas mengklik
Dalam halaman web, kita selalunya perlu mengklik butang untuk mencetuskan operasi tertentu, seperti kotak gesaan pop timbul . Anda boleh melakukan ini melalui kaedah Pelaksanaan berikut:
$(document).on('click', '#btn', function(){ setTimeout(function(){ alert('您点击了按钮'); }, 3000); });
Dalam kod di atas, apabila butang dengan id "btn" diklik, kotak gesaan "Anda mengklik butang" akan muncul selepas kelewatan selama 3 saat.
4. Kemungkinan masalah
Apabila menggunakan fungsi setTimeout(), terdapat beberapa masalah biasa yang perlu diberi perhatian:
5. Ringkasan
Melalui contoh di atas, kita boleh melihat aplikasi biasa fungsi setTimeout() dalam pembangunan bahagian hadapan. Operasi tertunda selalunya disertai dengan beberapa tugas yang mengambil masa Dengan bantuan fungsi setInterval(), kami boleh melaksanakan operasi secara fleksibel seperti penyegaran berjadual dan kotak gesaan yang muncul selepas mengklik. Apabila menggunakan fungsi setTimeout(), anda perlu memberi perhatian khusus kepada tetapan masa tunda untuk mengelakkan masalah ketinggalan dan prestasi.
Atas ialah kandungan terperinci Bagaimana untuk menggunakan fungsi setTimeout() dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!