Penundaan Jquery Setelah Klik
Saya sedang membuat aplikasi web...
Saya punya semacam permainan, ide saya adalah ketika pengguna menyelesaikan setiap level muncul kotak dialog dengan beberapa informasi, tidak apa-apa.
Sekarang masalah saya adalah saya ingin menampilkan pesan ini 5 detik setelah pengguna mengklik tombol selesai.
itu kode saya:
$('#option-main-menu').click(function(){
target.append('\
<div id="confirm">\
<h1>Are You Sure Want to Exist?</h1>\
<a href="#" id="dialog-confirm">Yes</a><a href="#" id="dialog-cancel">No</a>\
</div>\
');
});saya juga mencoba dengan append().Delay(10000) tetapi tidak berhasil.
Terima kasih sebelumnya.
Gunakan setTimeout() dengan penundaan 5000 ms.
$("button").click(
function() {
console.log("clicked...waiting...");
setTimeout(
function() {
alert("Called after delay.");
},
5000);
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button type="button">Click Me</button>Sekadar ingin tahu, mengapa Anda ingin menunggu 5 detik sebelum meminta pengguna untuk melakukan suatu tindakan? Itu adalah waktu yang lama; cukup lama bagi mereka untuk mengklik banyak hal lain (jika tidak ada yang lain).
Anda dapat mencoba menggunakan setTimeout().
setTimeout(function(){
// do stuff here, in your case, append text
}, 5000);Angka 5000 dapat diganti dengan nilai waktu apa pun yang menentukan lama penundaan dalam milidetik.
$yourThing.click(function(){
setTimeout(function(){do your thing here},5000)
})
