Rumah  >  Artikel  >  hujung hadapan web  >  pemasa tutup javascript

pemasa tutup javascript

WBOY
WBOYasal
2023-05-17 17:13:101424semak imbas

Dalam JavaScript, pemasa ialah teknologi biasa yang digunakan untuk melaksanakan kod tertentu pada masa yang dijadualkan. Pemasa sering digunakan untuk melaksanakan fungsi seperti carta karusel, pemerolehan data biasa dan kemas kini halaman dinamik. Tetapi kadangkala pembangun perlu mematikan pemasa Artikel ini akan memperkenalkan beberapa cara untuk mematikan pemasa dalam JavaScript.

  1. clearTimeout()

kaedah clearTimeout() boleh digunakan untuk mengosongkan pemasa yang dicipta oleh kaedah setTimeout(). Kaedah setTimeout() digunakan untuk melaksanakan kod sekali selepas selang masa yang ditentukan Jika pemasa tidak diperlukan atau tidak sesuai, pemasa boleh dimatikan melalui kaedah clearTimeout().

Sebagai contoh, kod berikut mencipta pemasa dan mencetak "Hello World!":

var timer = setTimeout(function() {
  console.log("Hello World!");
}, 2000);

Untuk mematikan pemasa, hanya gunakan kaedah clearTimeout(), seperti yang ditunjukkan di bawah:

clearTimeout(timer);
  1. clearInterval()

Serupa dengan setTimeout(), kaedah setInterval() juga digunakan untuk mencipta pemasa, tetapi peranannya adalah untuk mengulangi dalam selang waktu tertentu Laksanakan sekeping kod tertentu. Jika anda perlu menutup pemasa yang dibuat oleh kaedah setInterval(), anda boleh menggunakan kaedah clearInterval().

Sebagai contoh, kod berikut mencipta pemasa yang mencetak masa semasa setiap 1 saat:

var timer = setInterval(function() {
  console.log(new Date());
}, 1000);

Untuk mematikan pemasa, hanya gunakan kaedah clearInterval(), seperti yang ditunjukkan di bawah:

clearInterval(timer);
  1. Menggunakan pembolehubah

Selain menggunakan kaedah clearTimeout() dan clearInterval(), anda juga boleh menggunakan pembolehubah sebagai pengecam pemasa dengan menukar nilai pembolehubah.

Sebagai contoh, kod berikut mencipta pemasa dan menggunakan pembolehubah isRunning untuk mengenal pasti sama ada ia sedang berjalan:

var isRunning = true;
var timer = setInterval(function() {
  if (isRunning) {
    console.log("Hello World!");
  }
}, 1000);

Untuk mematikan pemasa, cuma tukar nilai pembolehubah isRunning kepada palsu , Seperti yang ditunjukkan di bawah:

isRunning = false;

Kelebihan kaedah ini ialah ia boleh mengawal operasi pemasa secara dinamik Jika anda perlu mematikan pemasa dalam keadaan tertentu, anda boleh menggunakan kaedah ini.

  1. Gunakan fungsi anak panah ES6

Fungsi anak panah yang diperkenalkan dalam ES6 boleh memudahkan kod dan juga boleh digunakan untuk mencipta pemasa. Tidak seperti menggunakan kaedah setTimeout() dan setInterval(), fungsi anak panah itu sendiri ialah pemasa, dan operasi pemasa boleh dikawal dengan menukar parameter masuk fungsi.

Sebagai contoh, kod berikut menggunakan fungsi anak panah untuk mencipta pemasa yang mencetak masa semasa setiap 1 saat:

var timer = (fn => setInterval(fn, 1000))(function() {
  console.log(new Date());
});

Untuk mematikan pemasa, cuma tukar parameter fn anak panah fungsi adalah batal, seperti yang ditunjukkan di bawah:

fn = null;

Ringkasan

Pemasa ialah teknologi yang sangat biasa digunakan untuk melaksanakan pelbagai fungsi. Dalam JavaScript, terdapat banyak cara untuk mematikan pemasa, termasuk menggunakan setTimeout(), kaedah setInterval() clearTimeout(), kaedah clearInterval(), menggunakan pembolehubah dan menggunakan fungsi anak panah ES6. Kaedah yang berbeza boleh mengendalikan keperluan yang berbeza secara fleksibel. Pembangun perlu memilih kaedah yang sesuai untuk mematikan pemasa berdasarkan situasi tertentu untuk memastikan kestabilan dan kelancaran program.

Atas ialah kandungan terperinci pemasa tutup 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:javascripthttpmethodArtikel seterusnya:javascripthttpmethod