Saya menggunakan .show
untuk menampilkan pesan tersembunyi setelah formulir berhasil dikirim.
Bagaimana cara menampilkan pesan selama 5 detik lalu sembunyikan?
Anda dapat menggunakan .delay()
sebelum animasi, seperti ini:
$("#myElem").show().delay(5000).fadeOut();
Jika ini bukan animasi, gunakan setTimeout()
langsung, seperti ini:
$("#myElem").show();
setTimeout(function() { $("#myElem").hide(); }, 5000);
Anda melakukan yang kedua karena .hide()
biasanya tidak ada di fx
antrian animasi ( ) tanpa durasi, itu hanya efek instan.
Atau, opsi lain adalah menggunakan .delay()
dan .queue()
diri Anda sendiri, seperti ini:
$("#myElem").show().delay(5000).queue(function(n) {
$(this).hide(); n();
});
.delay()
akan bekerja dengan.hide()
elemen akan ditampilkan kemudian segera disembunyikan. Lihat jsFiddle ini, inilah sebabnya Nick menyatakan, "Jika ini bukan animasi, gunakan setTimeout () secara langsung, seperti ini: ...."Anda dapat menggunakan efek di bawah ini untuk menghidupkan, Anda dapat mengubah nilai sesuai kebutuhan Anda
sumber
Sesederhana ini:
sumber