Rumah  >  Artikel  >  hujung hadapan web  >  Fungsi pemasa induk dan pelaksanaan tertunda dalam JavaScript

Fungsi pemasa induk dan pelaksanaan tertunda dalam JavaScript

王林
王林asal
2023-11-03 16:15:211330semak imbas

Fungsi pemasa induk dan pelaksanaan tertunda dalam JavaScript

Untuk menguasai fungsi pemasa dan pelaksanaan tertunda dalam JavaScript, anda memerlukan contoh kod khusus

Dalam JavaScript, kami sering menghadapi situasi di mana kami perlu melaksanakan kod tertentu secara berjadual. Pada masa ini, anda perlu menggunakan fungsi pemasa dan teknik pelaksanaan tertunda untuk menyelesaikan tugas.

JavaScript menyediakan dua fungsi pemasa: setInterval() dan setTimeout(). Fungsi setInterval() boleh berulang kali melaksanakan sekeping kod pada selang masa tertentu, manakala fungsi setTimeout() melaksanakan sekeping kod selepas masa yang ditentukan.

Berikut ialah contoh khusus penggunaan kedua-dua fungsi ini:

  1. Gunakan fungsi pemasa setInterval()
    Fungsi setInterval() boleh berulang kali melaksanakan fungsi atau blok kod pada selang masa tertentu. Berikut ialah contoh menggunakan fungsi setInterval() untuk mengeluarkan "Hello World!" setiap 1 saat:
function sayHello() {
  console.log("Hello World!");
}

setInterval(sayHello, 1000);

Dalam kod di atas, kami menentukan fungsi bernama sayHello() untuk mengeluarkan "Hello World!" Kemudian gunakan fungsi setInterval(), masukkan fungsi sayHello sebagai parameter dan tentukan selang masa sebagai 1000 milisaat (iaitu 1 saat). Dengan cara ini, fungsi sayHello akan dilaksanakan setiap 1 saat.

  1. Gunakan fungsi pemasa setTimeout()
    Fungsi setTimeout() boleh melaksanakan fungsi atau blok kod selepas masa yang ditetapkan. Berikut ialah contoh menggunakan fungsi setTimeout() untuk menangguhkan 3 saat dan kemudian mengeluarkan "Hello World!":
function sayHello() {
  console.log("Hello World!");
}

setTimeout(sayHello, 3000);

Dalam kod di atas, kami juga mentakrifkan fungsi bernama sayHello() untuk mengeluarkan "Hello World!" . Kemudian lulus fungsi sayHello sebagai parameter melalui fungsi setTimeout(), dan tentukan masa tunda sebagai 3000 milisaat (iaitu 3 saat). Dengan cara ini, selepas 3 saat, fungsi sayHello akan dilaksanakan.

Selain menghantar terus fungsi sebagai parameter, kami juga boleh menggunakan fungsi tanpa nama untuk menghantar blok kod. Berikut ialah contoh penggunaan fungsi tanpa nama:

setTimeout(function() {
  console.log("Hello World!");
}, 3000);

Dalam kod di atas, kami menggunakan fungsi tanpa nama sebagai parameter fungsi setTimeout(). Terdapat hanya satu baris kod di dalam fungsi tanpa nama ini, yang digunakan untuk mengeluarkan "Hello World!". Begitu juga, fungsi tanpa nama ini akan dilaksanakan selepas 3 saat.

Ringkasan
Fungsi pemasa setInterval() dan setTimeout() digunakan secara meluas dalam JavaScript dan boleh membantu kami menyedari keperluan untuk melaksanakan kod dengan kerap. Dengan mempelajari dan menguasai penggunaannya, kami dapat mengatasi keperluan pelbagai tugasan berjadual dengan lebih baik dan menggunakannya secara fleksibel bersama-sama dengan senario perniagaan tertentu.

Atas ialah kandungan terperinci Fungsi pemasa induk dan pelaksanaan tertunda dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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