Laravel countdown with JS

<div id="countdown"></div>

<script>

CountDownTimer('{{$tugas->created_at}}', 'countdown');

function CountDownTimer(dt, id)

{

var end = new Date('{{$tugas->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>TUGAS SUDAH BERAKHIR</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);

var countdownText = days + ' hari ' + hours + ' jam ' + minutes + ' menit ' + seconds + ' detik';

document.getElementById(id).innerHTML = countdownText + '<h2>TUGAS BELUM BERAKHIR</h2>';

}

// Menjalankan fungsi showRemaining() sekali agar countdown terlihat langsung saat halaman dimuat

showRemaining();

// Menjalankan fungsi showRemaining() setiap 1 detik

timer = setInterval(showRemaining, 1000);

}

</script>

Sumber: