Cara menampilkan Alertify hanya sekali pada kondisi tertentu?
Saya ingin menampilkan pop up dengan menggunakan library Alertify.js ketika suatu kondisi tertentu dia akan muncul namun hanya sekali saja. Kasus saya yaitu kondisi saya sudah memenuhi dan alertifynya sudah muncul namun ketika muncul alertnya tidak mau menghilang dia malah muncul terus,itu cara mengatasinya bagaimana ya kak?
untuk code nya seperti ini kak.
Jadi ketika waktu nya sudah mencapai 1 menit alert nya muncul kak,namun disini kasusnya ketika satu menit tersebut dia malah muncul terus.Itu bagaimana cara mengatasinya ya kak,agar alertnya muncul satu kali saja? Terimakasih
untuk code nya seperti ini kak.
$(document).ready(function() { var attr_data_date = $('#demo').attr('data-date'); // console.log(attr_data_date); // Set the date we're counting down to var countDownDate = new Date(attr_data_date).getTime(); // console.log(countDownDate); // Update the count down every 1 second var x = setInterval(function() { // Get today's date and time var now = new Date().getTime(); // Find the distance between now and the count down date var distance = countDownDate - now; // Time calculations for days, hours, minutes and seconds var days = Math.floor(distance / (1000 * 60 * 60 * 24)); var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000); // Output the result in an element with id="demo" document.getElementById("demo").innerHTML = days + "d " + hours + "h " + minutes + "m " + seconds + "s "; // If the count down is over, write some text if (minutes == 1) { alertify .delay(100000) .log("Waktu Kurang Dari 1 Menit"); } else if (distance < 0) { clearInterval(x); document.getElementById("demo").innerHTML = "Waktu Habis"; alertify .delay(10000) .log("Waktu Habis"); } }, 1000); });
Jadi ketika waktu nya sudah mencapai 1 menit alert nya muncul kak,namun disini kasusnya ketika satu menit tersebut dia malah muncul terus.Itu bagaimana cara mengatasinya ya kak,agar alertnya muncul satu kali saja? Terimakasih
19 Kontribusi 0 Poin
atau respon:
Jawaban Terpilih
hai @HendryScootKennedy
Saya coba bantu jawab ya
kamu bisa gunakan flag agar alertnya tidak muncul lagi
untuk contoh scriptnya bisa seperti di bawah ini
Semoga mambantu ya :)
Saya coba bantu jawab ya
kamu bisa gunakan flag agar alertnya tidak muncul lagi
untuk contoh scriptnya bisa seperti di bawah ini
$(document).ready(function() { var attr_data_date = $('#demo').attr('data-date'); // console.log(attr_data_date); // Set the date we're counting down to var countDownDate = new Date(attr_data_date).getTime(); // console.log(countDownDate); // Flag For pop up var flagPopUpMinute = true; var flagPopUpAfterEnd = true; // Update the count down every 1 second var x = setInterval(function() { // Get today's date and time var now = new Date().getTime(); // Find the distance between now and the count down date var distance = countDownDate - now; // Time calculations for days, hours, minutes and seconds var days = Math.floor(distance / (1000 * 60 * 60 * 24)); var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000); // Output the result in an element with id="demo" document.getElementById("demo").innerHTML = days + "d " + hours + "h " + minutes + "m " + seconds + "s "; // If the count down is over, write some text if (minutes == 1 && flagPopUpMinute) { alertify .delay(100000) .log("Waktu Kurang Dari 1 Menit"); flagPopUpMinute = false; //set being False } else if (distance < 0 && flagPopUpAfterEnd) { clearInterval(x); document.getElementById("demo").innerHTML = "Waktu Habis"; alertify .delay(10000) .log("Waktu Habis"); flagPopUpAfterEnd = false; //set being False } }, 1000); });
Semoga mambantu ya :)
14 Kontribusi 11 Poin
Jawaban
hai @HendryScootKennedy
Saya coba bantu jawab ya
kamu bisa gunakan flag agar alertnya tidak muncul lagi
untuk contoh scriptnya bisa seperti di bawah ini
Semoga mambantu ya :)
Saya coba bantu jawab ya
kamu bisa gunakan flag agar alertnya tidak muncul lagi
untuk contoh scriptnya bisa seperti di bawah ini
$(document).ready(function() { var attr_data_date = $('#demo').attr('data-date'); // console.log(attr_data_date); // Set the date we're counting down to var countDownDate = new Date(attr_data_date).getTime(); // console.log(countDownDate); // Flag For pop up var flagPopUpMinute = true; var flagPopUpAfterEnd = true; // Update the count down every 1 second var x = setInterval(function() { // Get today's date and time var now = new Date().getTime(); // Find the distance between now and the count down date var distance = countDownDate - now; // Time calculations for days, hours, minutes and seconds var days = Math.floor(distance / (1000 * 60 * 60 * 24)); var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000); // Output the result in an element with id="demo" document.getElementById("demo").innerHTML = days + "d " + hours + "h " + minutes + "m " + seconds + "s "; // If the count down is over, write some text if (minutes == 1 && flagPopUpMinute) { alertify .delay(100000) .log("Waktu Kurang Dari 1 Menit"); flagPopUpMinute = false; //set being False } else if (distance < 0 && flagPopUpAfterEnd) { clearInterval(x); document.getElementById("demo").innerHTML = "Waktu Habis"; alertify .delay(10000) .log("Waktu Habis"); flagPopUpAfterEnd = false; //set being False } }, 1000); });
Semoga mambantu ya :)
14 Kontribusi 11 Poin
Login untuk gabung berdiskusi
Pertanyaan Lainnya
- Facebook Dev Delete Comment
- apakah bisa menggunakan react js untuk sisi front-end dan disisi back-end nya menggunakan laravel?
- bagaimana cara memvalidasi jwt token di laravel, token di buat di node js
- find dan sum dua field objects in javascript reduce
- Bisakah javascript dituliskan dalam controller Laravel?
Top Kontributor
- @ahanafi
813 Kontribusi 551 Poin
- @Nandar
647 Kontribusi 204 Poin
- @dianarifr
642 Kontribusi 316 Poin
- @Saputroandhi
509 Kontribusi 162 Poin
- @dodipsitorus
412 Kontribusi 145 Poin