Bagaimanakah Saya Boleh Menggunakan jQuery untuk Menunjukkan dan Menyembunyikan Div pada Selang Set?

Tunjukkan dan Sembunyikan Div pada Selang Masa Tertentu Menggunakan jQuery

Dengan memanfaatkan fungsi setInterval jQuery, adalah mungkin untuk memaparkan div pada selang masa yang telah ditetapkan dan mengawal keterlihatan mereka dalam urutan. Berikut ialah gambaran keseluruhan terperinci tentang langkah-langkah yang terlibat:

Pelaksanaan Kod:

Mulakan dengan mentakrifkan struktur HTML anda, mencipta tiga div (div1, div2, div3) dan menyembunyikannya pada mulanya.

<div>
<p>Dalam kod JavaScript anda, buat fungsi yang dipanggil showDiv() untuk mengawal paparan div. Dalam fungsi ini, gunakan pemboleh ubah pembilang untuk lelaran melalui div dan tunjukkan satu demi satu.</p>
<pre class="brush:php;toolbar:false">function showDiv() {...}

Mulakan pembilang untuk menjejaki div semasa dan gunakan fungsi jQuery stop() untuk membatalkan sebarang yang sedang berjalan animasi.

var counter = 0;
$('div', '#container').stop().hide();

Untuk memaparkan div semasa, gunakan fungsi penapis() jQuery untuk memilih div yang sesuai berdasarkan kaunter, dan kemudian tunjukkan menggunakan show('fast').

.filter(function() {...}).show('fast');

Naikkan atau tetapkan semula pembilang untuk memastikan urutan berulang selepas mencapai div terakhir.

counter == 3 ? counter = 0 : counter++;

Akhir sekali, mulakan pemasa menggunakan setInterval dan tetapkan selang masa yang diingini (5000 milisaat dalam kes ini).

var timer = setInterval(showDiv, 5000);

Penyelesaian ini menawarkan cara yang fleksibel dan boleh disesuaikan untuk menunjukkan dan menyembunyikan div pada selang masa tertentu, menjadikannya sesuai untuk senario yang memerlukan paparan berjujukan atau bermasa.