Kaedah: 1. Gunakan "$("Element")" untuk mendapatkan objek elemen yang ditentukan 2. Gunakan "Element object.delay(5000)" untuk menetapkan kelewatan pelaksanaan item seterusnya bagi elemen; selama 5 saat; 3. Gunakan "Tetapkan objek elemen tertunda.fadeOut();" untuk menetapkan elemen untuk disembunyikan selepas masa tunda.
Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.
1 Dapatkan objek elemen
Sintaksnya adalah seperti berikut:
$(selector)
2 , tetapkan masa tunda kepada 5 saat
kaedah delay() menetapkan kelewatan untuk pelaksanaan item seterusnya dalam baris gilir.
Syntax
$(selector).delay(speed,queueName)
3 Tetapkan kelewatan dan kemudian sembunyikannya
Kaedah fadeOut() mengubah kelegapan elemen yang dipilih secara beransur-ansur. , daripada Menyembunyikan (kesan pudar) kelihatan.
Nota: Elemen tersembunyi tidak akan dipaparkan sepenuhnya (tidak lagi menjejaskan reka letak halaman).
Sintaksnya ialah:
$(selector).fadeOut(speed,easing,callback)
Contohnya adalah seperti berikut:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="jsjquery.min.js">
</script>
<script>
$(document).ready(function(){
$(".btn1").click(function(){
$("p").delay(5000).fadeOut();
});
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button class="btn1">隐藏</button>
</body>
</html>Hasil keluaran:
Tutorial video Disyorkan: Tutorial video jQuery
Atas ialah kandungan terperinci Bagaimana untuk membuat elemen paparan bersembunyi selepas 5 saat dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Apakah pemalam jquery?
Bagaimana untuk mengendalikan json dengan jquery
Bagaimana untuk memadam elemen dalam jquery
Penggunaan kaedah jQuery hover().
jquery melaksanakan kaedah paging
Apakah elemen tersembunyi dalam jquery
Apa yang ditonjolkan dalam jquery
Windows tidak boleh mengakses laluan peranti atau penyelesaian fail yang ditentukan
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
