Mari kita bincangkan tentang dua kaedah mengulang pemasa dalam JavaScript

Kaedah pemasa ulang JavaScript

Dalam pembangunan web, pemasa sering digunakan, seperti melaksanakan fungsi pemasa, mencapai kesan dinamik, dsb. Kadangkala, apabila kita perlu melaksanakan fungsi atau kod dengan kerap dan berulang kali, kita boleh menggunakan pemasa ulangan untuk mencapai ini.

JavaScript menyediakan dua kaedah untuk mengulang pemasa, iaitu setInterval() dan setTimeout(). Di bawah ini kami akan memperkenalkan penggunaan dan langkah berjaga-jaga kedua-dua kaedah ini.

kaedah setInterval()

kaedah setInterval() adalah untuk melaksanakan fungsi atau kod yang ditentukan secara berulang-ulang pada selang masa yang tetap.

Sintaks:

setInterval(fungsi, selang);

Di mana fungsi ialah fungsi atau kod yang akan dilaksanakan dan selang ialah bilangan milisaat antara pelaksanaan. Perlu diingatkan bahawa nilai parameter selang mesti lebih besar daripada 0.

Contohnya:

var i = 0;
setInterval(function(){
    console.log(i);
    i++;
}, 1000);

Fungsi coretan kod ini adalah untuk mengeluarkan nombor setiap 1 saat, bermula dari 0 dan meningkat dalam urutan.

kaedah setTimeout()

Kaedah setTimeout() mempunyai fungsi yang serupa dengan kaedah setInterval() dan juga melaksanakan fungsi pemasaan berulang. Perbezaannya ialah kaedah setTimeout() hanya akan melaksanakan fungsi atau kod sekali Anda perlu memanggil kaedah setTimeout() sekali lagi selepas fungsi atau kod dilaksanakan untuk mencapai kesan pelaksanaan berulang.

Sintaks:

setTimeout(fungsi, selang);

Di mana fungsi ialah fungsi atau kod yang akan dilaksanakan dan selang ialah bilangan milisaat antara pelaksanaan. Perlu diingatkan bahawa nilai parameter selang mesti lebih besar daripada 0.

Contohnya:

var i = 0;
function repeat(){
    console.log(i);
    i++;
    setTimeout(repeat, 1000);
}
repeat();

Fungsi coretan kod ini adalah serupa dengan contoh sebelumnya Ia juga mengeluarkan nombor setiap saat, tetapi menggunakan kaedah rekursif untuk melaksanakan pemasaan berulang.

Perbandingan kaedah setInterval() dan setTimeout()

Kaedah setInterval() dan kaedah setTimeout() mempunyai fungsi yang serupa, tetapi terdapat beberapa perbezaan dan langkah berjaga-jaga di bawah:

1. Perbezaan dalam masa pelaksanaan: kaedah setInterval() boleh dilaksanakan beberapa kali, manakala kaedah setTimeout() hanya akan dilaksanakan sekali.
2. Perbezaan dalam masa selang: Selang pelaksanaan setiap pelaksanaan kaedah setInterval() dikira dari masa pelaksanaan terakhir selesai dan mungkin terdapat ralat. Selang pelaksanaan setiap kaedah setTimeout() ditetapkan dan tidak dipengaruhi oleh masa penyiapan pelaksanaan sebelumnya.
3. Masalah dengan pemasaan jangka panjang: Pemasaan jangka panjang boleh menyebabkan kaedah setInterval() dilaksanakan lebih banyak kali daripada yang dijangkakan kerana terdapat ralat dalam masa pelaksanaan kaedah setInterval(). Masalah ini boleh dielakkan dengan menggunakan kaedah setTimeout(), dan pemasaan jangka panjang boleh dicapai melalui rekursi.
4. Masalah penggunaan memori: Kaedah setInterval() akan sentiasa menduduki memori, manakala kaedah setTimeout() boleh menunggu pelaksanaan selesai sebelum menduduki memori.

Ringkasnya, kaedah setInterval() dan kaedah setTimeout() masing-masing mempunyai kelebihan dan keburukan tersendiri kaedah yang hendak digunakan perlu dipertimbangkan berdasarkan situasi tertentu.

Nota

Semasa menggunakan pemasa ulangan, terdapat beberapa perkara yang perlu dipertimbangkan:

1. Jangan lupa padamkan pemasa: apabila halaman dipunggah , Pastikan anda mengosongkan semua pemasa, jika tidak prestasi halaman akan terjejas.
2. Jangan abaikan masa pelaksanaan: masa pelaksanaan pemasa ulangan tidak tepat dan ralat masa pelaksanaan perlu diambil kira.
3. Jangan gunakan secara berlebihan: Penggunaan pemasa yang berlebihan akan menjejaskan prestasi halaman Anda disyorkan untuk menggunakannya dengan sewajarnya.

Ringkasan

Pemasa ulangan ialah salah satu fungsi yang biasa digunakan dalam JavaScript Dalam pembangunan, kita selalunya perlu menggunakannya untuk mencapai beberapa kesan dinamik dan fungsi pemasa. JavaScript menyediakan kaedah setInterval() dan kaedah setTimeout() untuk melaksanakan fungsi pemasa berulang Situasi dan langkah berjaga-jaga yang khusus perlu diambil kira semasa menggunakannya. Semasa pembangunan, kita perlu memilih kaedah yang sesuai mengikut situasi khusus untuk mengelakkan kesan negatif terhadap prestasi halaman.

Atas ialah kandungan terperinci Mari kita bincangkan tentang dua kaedah mengulang pemasa dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!