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 ?
avatar riffshop

@riffshop

9 Kontribusi 0 Poin


Jawaban

metode nya sih ada 1 inputan untuk tanggal dan countdown itu sendiri pake java script

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 = '<b>ORDER MASUK KE DATABASE</b> ';
            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 + 'days ';
        document.getElementById(id).innerHTML += hours + 'hrs ';
        document.getElementById(id).innerHTML += minutes + 'mins ';
        document.getElementById(id).innerHTML += seconds + 'secs';
        document.getElementById(id).innerHTML +='<h2>ORDER BERHASIL</h2>';
    }
    timer = setInterval(showRemaining, 1000);
}

waktu order masuk ke database, tinggal ubah value order nya, biasanya saya gunain flag atau ubah status order nya sih, 

avatar Ridhoa

@Ridhoa

120 Kontribusi 29 Poin


Login untuk gabung berdiskusi