Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk membuat jquery hilang selepas dua saat

Bagaimana untuk membuat jquery hilang selepas dua saat

WBOY
Lepaskan: 2022-01-10 16:49:22
asal
1682 orang telah melayarinya

Dalam jquery, fungsi delay() dan hide() boleh digunakan untuk mencapai kesan elemen hilang selepas dua saat Fungsi delay() digunakan untuk menetapkan masa tunda untuk pelaksanaan item seterusnya dalam baris gilir. Fungsi hide() Digunakan untuk menyembunyikan elemen yang dipilih, sintaksnya ialah "$(element).delay(2000).hide(200)".

Bagaimana untuk membuat jquery hilang selepas dua saat

Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.

Bagaimanakah jquery hilang selepas dua saat?

Kaedah kelewatan() menetapkan kelewatan untuk pelaksanaan item seterusnya dalam baris gilir .

Sintaks

$(selector).delay(speed,queueName)
Salin selepas log masuk

Parameter

kelajuan Pilihan. Menentukan kelajuan kelewatan. Nilai yang mungkin: milisaat, "perlahan", "cepat"

Nama gilir Pilihan. Menentukan nama baris gilir. Lalai ialah "fx", baris gilir kesan standard. Kaedah

hide() menyembunyikan elemen yang dipilih.

Petua: Ini serupa dengan paparan sifat CSS:none.

Nota: Elemen tersembunyi tidak akan dipaparkan sepenuhnya (tidak lagi menjejaskan reka letak halaman).

Petua: Untuk menunjukkan elemen tersembunyi, lihat kaedah show().

Sintaks

$(selector).hide(speed,easing,callback)
Salin selepas log masuk

Contoh adalah seperti berikut:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
    $(function(){
        $("#dianji").click(function(){
            $("#disappare").delay(2000).hide(200);
        });
    })
</script>
</head>
<body>
    <div id="content">
        <button id="dianji">点击</button>
        <div id="disappare">
            <p>点击2秒后会自动消失</p>
        </div>
    </div>
</body>
</html>
Salin selepas log masuk

Hasil keluaran:

Bagaimana untuk membuat jquery hilang selepas dua saat

Cadangan tutorial Video Berkaitan: Tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk membuat jquery hilang selepas dua saat. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan