Postingan lainnya

Membuat countdown di laravel dengan livewire

halo, saya ingin membuat suatu table order yang ketika di user membuat data orderan, data itu masuk ke history order kemudian mempunyai countdown yang dimana ketika countdown itu habis akan ada action otomatis yang akan hit ke database menandakan orderan itu telah selesai. apakah temen" disini ada referensi ?

php laravel laravel-livewire

@riffshop

9 Kontribusi 0 Poin

Diperbarui 2 tahun yang lalu

1 Jawaban:

<div>metode nya sih ada 1 inputan untuk tanggal dan countdown itu sendiri pake java script<br><br></div><pre>CountDownTimer('{{$order->created_at}}', 'countdown'); function CountDownTimer(dt, id) { var end = new Date('{{$order->end_date}}'); var _second = 1000; var _minute = _second * 60; var _hour = _minute * 60; var _day = _hour * 24; var timer; function showRemaining() { var now = new Date(); var distance = end - now; if (distance < 0) {

        clearInterval(timer);
        document.getElementById(id).innerHTML = &#039;&amp;lt;b&amp;gt;ORDER MASUK KE DATABASE&amp;lt;/b&amp;gt; &#039;;
        return;
    }
    var days = Math.floor(distance / _day);
    var hours = Math.floor((distance % _day) / _hour);
    var minutes = Math.floor((distance % _hour) / _minute);
    var seconds = Math.floor((distance % _minute) / _second);

    document.getElementById(id).innerHTML = days + &#039;days &#039;;
    document.getElementById(id).innerHTML += hours + &#039;hrs &#039;;
    document.getElementById(id).innerHTML += minutes + &#039;mins &#039;;
    document.getElementById(id).innerHTML += seconds + &#039;secs&#039;;
    document.getElementById(id).innerHTML +=&#039;&amp;lt;h2&amp;gt;ORDER BERHASIL&amp;lt;/h2&amp;gt;&#039;;
}
timer = setInterval(showRemaining, 1000);

}</pre><div><br>waktu order masuk ke database, tinggal ubah value order nya, biasanya saya gunain flag atau ubah status order nya sih, <br><br></div>

@Ridhoa

129 Kontribusi 33 Poin

Dipost 2 tahun yang lalu