Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bagaimana untuk melaksanakan pemasaan dalam javascript

Bagaimana untuk melaksanakan pemasaan dalam javascript

PHPz
PHPzasal
2023-04-06 12:45:335114semak imbas

Dengan pembangunan berterusan Internet, JavaScript (pendek kata JS) telah menjadi bahagian penting dalam pembangunan web. JS boleh digunakan untuk mengendalikan pengesahan borang, kesan interaksi halaman web, dsb. Dalam banyak kes, kami memerlukan pemasa untuk operasi berjadual. JavaScript hanya menyediakan beberapa kaedah untuk membantu kami melaksanakan pemasa.

1. Fungsi setInterval

Dalam JS, anda boleh menggunakan fungsi setInterval untuk melaksanakan fungsi pemasa. Fungsi setInterval boleh terus memanggil fungsi dan melaksanakan fungsi ini setiap selang masa tertentu. Fungsi ini mengembalikan ID berangka yang boleh digunakan untuk membatalkan pemasa yang dibuat dengan memanggil fungsi setInterval.

Sintaks adalah seperti berikut:

setInterval(function, delay, param1, param2, ...)

diterangkan seperti berikut:

  • function: Fungsi untuk dilaksanakan berulang kali.
  • delay: Selang masa antara setiap pelaksanaan fungsi, dalam milisaat.
  • param1, param2, ...: Parameter pilihan yang boleh dihantar ke fungsi, sehingga 11 parameter boleh diluluskan.

Berikut ialah contoh penggunaan fungsi setInterval:

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

Kod di atas akan mengeluarkan nilai kenaikan setiap saat. Apabila nilai mencapai nilai tertentu, anda boleh menggunakan kod berikut untuk membatalkan pemasa:

clearInterval(intervalID);

2. fungsi setTimeout

Fungsi setTimeout juga boleh digunakan untuk melaksanakan pemasa. Walau bagaimanapun, fungsi setTimeout hanya akan dilaksanakan sekali dan fungsi setTimeout perlu dipanggil secara manual untuk mencapai pelaksanaan berulang. Oleh itu, fungsi setTimeout adalah lebih sesuai untuk situasi di mana pelaksanaan tertangguh operasi diperlukan.

Sintaks adalah seperti berikut:

setTimeout(function, delay)

dijelaskan seperti berikut:

  • function: Fungsi yang akan dilaksanakan.
  • delay: Masa untuk menangguhkan pelaksanaan fungsi, dalam milisaat.

Berikut ialah contoh penggunaan fungsi setTimeout:

setTimeout(function() {
  console.log('Hello World');
}, 1000);

Kod di atas akan mengeluarkan mesej selepas satu saat. Jika pelaksanaan berulang diperlukan, fungsi setTimeout boleh dipanggil semula dalam fungsi.

3. Objek tarikh

Objek tarikh juga boleh digunakan untuk melaksanakan fungsi pemasa. Anda boleh menggunakan objek Tarikh untuk mendapatkan masa sistem semasa dan melaksanakan operasi penambahan dan penolakan masa.

Berikut ialah contoh menggunakan objek Tarikh:

var start = new Date().getTime();
var intervalID = setInterval(function() {
  var now = new Date().getTime();
  var elapsed = now - start;
  console.log(elapsed);
  start = now;
}, 1000);

Kod di atas akan mengeluarkan bilangan milisaat yang telah berlalu sejak masa terakhir dimulakan setiap saat.

4. Ringkasan

Di atas memperkenalkan tiga kaedah untuk melaksanakan pemasa JS. Fungsi setInterval dan setTimeout adalah kaedah yang agak langsung dan praktikal, manakala objek Date secara relatifnya lebih kompleks, tetapi juga boleh digunakan secara fleksibel mengikut keperluan khusus. Perlu diingatkan bahawa jika anda perlu membatalkan pemasa, anda mesti ingat untuk menyimpan ID yang dikembalikan oleh pemasa dan memanggil fungsi clearInterval atau clearTimeout untuk membatalkan pelaksanaan pemasa.

Dalam pembangunan sebenar, pemasa sering digunakan untuk mencipta kesan dinamik, seperti memaparkan kira detik, memproses kesan animasi, dsb. Oleh itu, adalah sangat penting untuk mempelajari cara menggunakan pemasa, yang boleh membolehkan kami mencapai kesan yang kami perlukan dengan lebih baik.

Atas ialah kandungan terperinci Bagaimana untuk melaksanakan pemasaan 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
Artikel sebelumnya:apakah maksud cssArtikel seterusnya:apakah maksud css