Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk melaksanakan fungsi hilang selepas dua saat dalam jquery

Bagaimana untuk melaksanakan fungsi hilang selepas dua saat dalam jquery

PHPz
PHPzasal
2023-04-07 09:02:47754semak imbas

Seperti yang kita sedia maklum, masa adalah elemen yang sangat penting dalam reka bentuk web. Kadangkala, kita perlu memaparkan beberapa maklumat segera pada halaman web, seperti gesaan kejayaan, gesaan ralat, dsb., tetapi maklumat ini tidak perlu kekal di halaman sepanjang masa, ia hanya perlu berkelip di hadapan pengguna. mata.

Jadi, kami memikirkan cara untuk melaksanakan maklumat segera tersebut pada halaman? Hari ini kita akan melihat kaedah "fadeOut" jquery Dengan menggunakan kod ringkasnya, kita boleh mencapai kesan ini dengan mudah.

Pertama sekali, mari kita lihat secara ringkas jquery, yang merupakan perpustakaan JavaScript yang pantas, kecil, berkuasa dan direka dengan cantik berdasarkan JavaScript Ia pada asalnya dibangunkan oleh John Resig pada tahun 2006. Ia dikeluarkan pada Januari dan digunakan secara meluas dalam pembangunan bahagian hadapan laman web Web. Ia membolehkan pengguna mengendalikan dokumen HTML dengan lebih mudah, mengendalikan acara, mencipta kesan animasi, melaksanakan program Ajax dan banyak lagi.

Kaedah "fadeOut" ialah kaedah yang disediakan dalam jquery untuk merealisasikan elemen pudar dengan menetapkan selang masa Mari kita lihat penggunaannya secara terperinci.

Pertama, kita perlu merujuk perpustakaan jquery, yang boleh diperkenalkan dengan cara berikut:

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

Kemudian, kita perlu menambah elemen div pada halaman sebagai bekas untuk kotak segera kami. >

Pertama, kami menggunakan fungsi " $(document).ready()" untuk memastikan bahawa dokumen HTML halaman telah dimuatkan, dan kemudian kami boleh mengendalikan elemen.
<div id="tip">这是一个提示信息!</div>

Gunakan pemilih "$("#tip")" untuk mendapatkan elemen div yang baru kami tambah, dan gunakan kaedah "fadeOut()" untuk memudar masuk dan keluar, di mana 2000 bermakna kami mahu elemen itu berada dalam Hilang dalam masa 2 saat.

$(document).ready(function(){
  // 2秒后元素消失
  $("#tip").fadeOut(2000);
});
Melalui kaedah di atas, kita boleh dengan mudah mencapai kesan memaparkan kotak gesaan pada halaman selama 2 saat sahaja.

Selain itu, kami juga boleh menggunakan kaedah "fadeIn()" untuk membuat elemen pudar. Saya percaya anda akan sangat berminat! Akhir sekali, sila lihat kod lengkap di bawah untuk merasai daya tarikan kaedah "fadeOut":

Ringkasnya, jquery, sebagai perpustakaan JavaScript yang sangat baik, menyediakan banyak kemudahan untuk bahagian hadapan Web- akhir pembangunan. Penggunaan kaedah "fadeOut" menjadikannya sangat mudah dan mudah digunakan. Di atas adalah kandungan yang dikongsikan dalam artikel ini Saya harap ia akan membantu pembelajaran semua.

Atas ialah kandungan terperinci Bagaimana untuk melaksanakan fungsi hilang selepas dua saat 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