Bantuan untuk Javascript untuk count waktu mundur

Halo kak, mohon bantuaanya untuk coding javascipt menghitung waktu mundur.

kebutuhan adalah ketika waktu day/jam/menit/detik sudah habis semua = 0. ada alert notifikasi waktu habis dan semua kembali ke "0d.00:00:00

code sementara berikut kak

<html>
    <head>
        <title>JavaScript</title>

        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <div id="stopwatch">
            0d.00:00:00
        </div>

        <ul id="buttons">
            <li><button onclick="startTimer()">Start</button></li>
            <li><button onclick="stopTimer()">Stop</button></li>

            <li><button onclick="resetTimer()">Reset</button></li>
        </ul>

<script>
const timer = document.getElementById('stopwatch');

var day = 0;
var hr = 1;
var min = 10;
var sec = 1;
var stoptime = true;

function startTimer() {
  if (stoptime == true) {
        stoptime = false;
        timerCycle();
    }
}
function stopTimer() {
  if (stoptime == false) {
    stoptime = true;
	clearTimeout(startTimer);
  }
}

function timerCycle() {
    // if data not a number, sets the value to 0
    if(isNaN(day)) day = 0;
    if(isNaN(hr)) hr = 0;
    if(isNaN(min)) min = 0;
    if(isNaN(sec)) sec = 0;

    if (stoptime == false) {
    sec = parseInt(sec);
    min = parseInt(min);
    hr = parseInt(hr);
    day = parseInt(day);

    sec = sec - 1;

    if (sec == 0) {
      min = min - 1;
      sec = 60;
    }
    if (min == 0) {
      hr = hr - 1;
      min = 60;
      sec = 60;
    }
    if (hr == 0) {
      day = day - 1;
      hr = 24;
      min = 60;
      sec = 60;
    }

    if (sec < 10 || sec == 0) {
      sec = '0' + sec;
    }
    if (min < 10 || min == 0) {
      min = '0' + min;
    }
    if (hr < 10 || hr == 0) {
      hr = '0' + hr;
    }
    if (day < 10 || day == 0) {
      day = '' + day;
    }

    timer.innerHTML = day + "d." + hr + ":" + min + ":" + sec;

    setTimeout(timerCycle, -900);
  }
}

function resetTimer() {
    timer.innerHTML = "0d.00:00:00";
    //timer.SetText("0d.00:00:00");
    stoptime = true;
    day = 0;
    hr = 0;
    min = 0;
    sec = 0;
	clearTimeout(startTimer);
}
</script>
    </body>
</html>
avatar marulismart
@marulismart

1 Kontribusi 0 Poin

Dipost 3 tahun yang lalu

Tanggapan

apakah pertama kita harus set / menentukan waktu nya ?

Belum ada Jawaban. Jadi yang pertama Jawaban

Login untuk ikut Jawaban