Apakah perbezaan antara `setInterval` dan `setTimeout` dalam JavaScript?

Patricia Arquette
Lepaskan: 2024-11-15 01:03:03
asal
947 orang telah melayarinya

What is the difference between `setInterval` and `setTimeout` in JavaScript?

Memahami Perbezaan Antara 'setInterval' dan 'setTimeout' dalam JavaScript

Dalam JavaScript, 'setInterval' dan 'setTimeout' ialah fungsi yang berkuasa yang mengawal pelaksanaan kod berasaskan masa. Walaupun kedua-dua fungsi melibatkan penjadualan tugas untuk dijalankan selepas kelewatan yang ditentukan, ia berbeza dengan ketara dalam tingkah laku asasnya.

'setInterval': Pelaksanaan Berulang

'setInterval' secara khusus direka untuk melaksanakan tugas berulang pada selang masa yang tetap. Apabila dipanggil, ia mencipta pemasa yang menjalankan kod atau fungsi yang ditentukan berulang kali, dengan kelewatan tetap antara setiap ulangan. Tingkah laku ini menjadikannya sesuai untuk tugasan yang perlu dilakukan secara berterusan, seperti animasi atau elemen berkelip.

Sampel Kod:

const intervalID = setInterval(() => {
  console.log("Hello World!");
}, 1000); // Executes every second
Salin selepas log masuk

'setTimeout': Pelaksanaan Satu Kali

Sebaliknya, 'setTimeout' menjadualkan satu kali pelaksanaan kod atau fungsi selepas kelewatan yang ditentukan. Ia mencipta pemasa yang menunggu jumlah masa yang ditentukan dan kemudian mencetuskan pelaksanaan tugas. Setelah tugas selesai, pemasa dikosongkan secara automatik.

Contoh Kod:

setTimeout(() => {
  console.log("Hello World!");
}, 5000); // Executes after 5 seconds
Salin selepas log masuk

Perbezaan Utama:

Perbezaan asas antara 'setInterval' dan 'setTimeout' terletak pada sifat pelaksanaannya. 'setInterval' mencetuskan pelaksanaan berulang pada selang masa yang tetap, manakala 'setTimeout' melaksanakan satu kali pelaksanaan selepas kelewatan yang ditentukan. Perbezaan ini mempunyai implikasi penting untuk penggunaan yang sesuai bagi setiap fungsi dalam pelbagai senario pengaturcaraan.

Atas ialah kandungan terperinci Apakah perbezaan antara `setInterval` dan `setTimeout` dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan