我正在倒计时,它工作正常,实际上现在我想从个位数中添加 0 0-9
我想附加 0 的每个数字。现在它以个位数出现,例如 6 小时,我想是 06 小时。谁能向我建议。
const second = 1000,
minute = second * 60,
hour = minute * 60,
day = hour * 24;
let countDown = new Date('July 17, 2019 00:00:00').getTime(),
x = setInterval(function() {
let now = new Date().getTime(),
distance = countDown - now;
document.getElementById('days').innerText = Math.floor(distance / (day)),
document.getElementById('hours').innerText = Math.floor((distance % (day)) / (hour)),
document.getElementById('minutes').innerText = Math.floor((distance % (hour)) / (minute)),
document.getElementById('seconds').innerText = Math.floor((distance % (minute)) / second);
}, second)
if (second < 10 && minute < 10 && hour < 10 && day < 10) {
countDown = "0" + countDown;
}
.popup-counter {
display: flex;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
<div class="popup-counter">
<div class="counter-timings">
<div class="counter" id="days"></div>
<h4>Days</h4>
</div>
<div class="counter-timings">
<div class="counter" id="hours"></div>
<h4>Hours</h4>
</div>
<div class="counter-timings">
<div class="counter" id="minutes"></div>
<h4>Minutes</h4>
</div>
<div class="counter-timings">
<div class="counter" id="seconds"></div>
<h4>Seconds</h4>
</div>
</div>
试试这样。
将值分配给变量并检查它是否小于 10,在它保持原样之前添加一个零。
(小时<10(?0'+小时:小时,
const second = 1000,
minute = second * 60,
hour = minute * 60,
day = hour * 24;
let countDown = new Date('July 17, 2019 00:00:00').getTime(),
x = setInterval(function() {
let now = new Date().getTime(),
distance = countDown - now;
var hours = Math.floor((distance % (day)) / (hour));
var days = Math.floor(distance / (day));
var minutes = Math.floor((distance % (hour)) / (minute));
var seconds = Math.floor((distance % (minute)) / second);
document.getElementById('days').innerText = (days < 10 )?'0'+days:days,
document.getElementById('hours').innerText = (hours < 10)?'0'+hours:hours,
document.getElementById('minutes').innerText = (minutes < 10)?'0'+minutes:minutes,
document.getElementById('seconds').innerText = (seconds < 10)?'0'+seconds:seconds;
}, second)
if (second < 10 && minute < 10 && hour < 10 && day < 10) {
countDown = "0" + countDown;
}
.popup-counter {
display: flex;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
<div class="popup-counter">
<div class="counter-timings">
<div class="counter" id="days"></div>
<h4>Days</h4>
</div>
<div class="counter-timings">
<div class="counter" id="hours"></div>
<h4>Hours</h4>
</div>
<div class="counter-timings">
<div class="counter" id="minutes"></div>
<h4>Minutes</h4>
</div>
<div class="counter-timings">
<div class="counter" id="seconds"></div>
<h4>Seconds</h4>
</div>
</div>