Postingan lainnya
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>
0
Tanggapan
apakah pertama kita harus set / menentukan waktu nya ?
Belum ada Jawaban. Jadi yang pertama Jawaban
Login untuk ikut Jawaban