Postingan lainnya
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
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