Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menetapkan kelewatan dalam jquery

Bagaimana untuk menetapkan kelewatan dalam jquery

PHPz
PHPzasal
2023-04-26 14:22:183185semak imbas

Dalam pembangunan bahagian hadapan, kita selalunya perlu menggunakan jQuery untuk mengendalikan beberapa kesan interaktif dan kesan animasi, seperti kesan animasi apabila tetikus melayang, kesan animasi apabila halaman dimuatkan, dsb. Tetapi kadangkala kita perlu menetapkan masa penangguhan supaya kesan ini dapat dinyatakan dengan lebih baik.

Jadi, bagaimana untuk menetapkan kelewatan dalam jQuery? Artikel ini akan memperkenalkan isu ini secara terperinci.

  1. Kaedah kelewatan dalam jQuery

Dalam jQuery, kesan kelewatan boleh dicapai dengan mudah dengan menggunakan kaedah kelewatan(). Kaedah delay() boleh digunakan untuk menangguhkan panggilan ke fadeIn(), fadeOut(), slideUp(), slideDown(), animate() dan kaedah lain. Contohnya:

$("div").delay(1000).fadeOut();

Kod di atas bermaksud menangguhkan kesan pudar elemen div selama 1 saat. Kaedah kelewatan() menerima beberapa milisaat yang mewakili masa kelewatan sebagai parameter.

  1. Nota mengenai kaedah kelewatan

Apabila menggunakan kaedah kelewatan(), anda perlu memberi perhatian kepada perkara berikut:

(1) Sahaja terpakai kepada kaedah Animasi jQuery

kaedah delay() hanya terpakai kepada kaedah animasi jQuery Jika anda ingin menangguhkan kaedah JavaScript tersuai, anda perlu menggunakan kaedah setTimeout().

(2) Tidak menjejaskan kaedah bukan animasi dalam baris gilir

Jika terdapat kedua-dua kaedah bukan animasi dan kaedah animasi dalam baris gilir, kaedah kelewatan() hanya akan melambatkan animasi kaedah, tidak Menjejaskan masa pelaksanaan kaedah bukan animasi.

(3) Kelewatan tidak boleh diganggu

Apabila menggunakan kaedah kelewatan(), jika anda perlu mengganggu kesan kelewatan, anda hanya boleh mencapainya dengan memanggil kaedah clearQueue().

  1. Kaedah pemasa dalam jQuery

Selain menggunakan kaedah delay(), kita juga boleh menggunakan kaedah pemasa dalam jQuery, seperti setTimeout() dan setInterval( )kaedah. Kedua-dua kaedah ini boleh digunakan untuk melaksanakan operasi tertentu dalam selang masa tertentu, yang boleh mencapai kesan pemasaan yang lebih diperibadikan.

Kaedah setTimeout() digunakan untuk melaksanakan operasi selepas masa yang ditentukan Kaedah penggunaan adalah seperti berikut:

setTimeout(function() {
  //执行操作
}, 1000);//1秒后执行

Kaedah setInterval() digunakan untuk melaksanakan operasi setiap. masa tertentu. Kaedah penggunaan adalah seperti berikut:

setInterval(function() {
  //执行操作
}, 1000);//每隔1秒钟执行一次

Perlu diambil perhatian bahawa apabila menggunakan kaedah pemasa, pemasa perlu dikosongkan, jika tidak, masalah pelaksanaan gelung tak terhingga pemasa akan berlaku. Pemasa boleh dikosongkan menggunakan kaedah clearTimeout() dan clearInterval().

  1. Ringkasan

Melalui pengenalan artikel ini, kami telah mempelajari tentang penggunaan kaedah kelewatan delay() dan kaedah pemasa setTimeout() dan setInterval() dalam jQuery Perkara yang perlu diperhatikan. Apabila menulis kod bahagian hadapan, memilih kaedah penangguhan yang sesuai boleh mencapai lebih banyak kesan interaksi dan kesan animasi yang diperibadikan serta meningkatkan pengalaman pengguna.

Atas ialah kandungan terperinci Bagaimana untuk menetapkan kelewatan dalam jquery. 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