Postingan lainnya

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.

$(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

javascript

@HendryScootKennedy

19 Kontribusi 0 Poin

Diperbarui 2 tahun yang lalu

1 Jawaban:

Jawaban Terpilih

<div>hai <a href="https://sekolahkoding.com/user/HendryScootKennedy">@HendryScootKennedy</a> Saya coba bantu jawab ya  kamu bisa gunakan flag agar alertnya tidak muncul lagi untuk contoh scriptnya bisa seperti di bawah ini </div><pre>$(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);

   &lt;/em&gt;&lt;strong&gt; // Flag For pop up 
    var flagPopUpMinute = true;
    var flagPopUpAfterEnd = true;&lt;/strong&gt;&lt;em&gt;

// 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&lt;/strong&gt;

} else if (distance < 0 && flagPopUpAfterEnd) { clearInterval(x); document.getElementById("demo").innerHTML = "Waktu Habis"; alertify .delay(10000) .log("Waktu Habis");

            flagPopUpAfterEnd = false; //set being False&lt;/strong&gt;

} }, 1000); });</pre><div> Semoga mambantu ya :)</div>

@tantootnat

14 Kontribusi 11 Poin

Dipost 2 tahun yang lalu

Tanggapan

Terimakasih kak,100% works.

@HendryScootKennedy