Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bagaimana untuk membuat elemen paparan bersembunyi selepas 5 saat dalam jquery

Bagaimana untuk membuat elemen paparan bersembunyi selepas 5 saat dalam jquery

WBOYasal: 2022-06-06 18:51:581287semak imbas

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.

Elemen jquery disembunyikan selepas 5 saat

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:

0.01.gif

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!

jquery 对象

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：Bagaimana untuk mengalih keluar atribut yang diperlukan dalam jqueryArtikel seterusnya：Bagaimana untuk mengalih keluar atribut yang diperlukan dalam jquery

Artikel berkaitan

Lihat lagi