两位数 30 秒倒计时

Question

我想像倒计时一样

：10， ：09， ：08

等等。请帮助初学者。

.JS：

<script type="text/javascript">
var timeleft = 30;
var downloadTimer = setInterval(function(){
timeleft--;
document.getElementById("countdowntimer").textContent = ":" + timeleft;
if(timeleft <= 0){
clearInterval(downloadTimer);
window.location.replace("next_slide.html");
}
},1000);
</script>

Answer 1

这是您可以继续的方式：

<script type="text/javascript">
var timeleft = 30;
var downloadTimer = setInterval(function(){
timeleft--;
document.getElementById("countdowntimer").textContent = ":" + ((timeleft >= 10) ? timeleft : ("0" + timeleft));
if(timeleft <= 0){
clearInterval(downloadTimer);
window.location.replace("next_slide.html");
}
},1000);
</script>

Answer 2

我认为这就是您的要求：

var timeleft = 30;
var downloadTimer = setInterval(function(){
timeleft--;
if (timeleft < 10) {
suffix = ':0';
} else {
suffix = ':'
};
document.getElementById("countdowntimer").textContent = suffix + timeleft;
if(timeleft <= 0){
clearInterval(downloadTimer);
window.location.replace("next_slide.html");
}
},1000);

Answer 3

我添加了一个工作计时器的示例以及我通常如何设置它。 我正在使用jQuery，但是如果没有它，您将如何执行相同的行。

function startTimer() {
$("#timeIndicator").text(TIMER_CONSTANT);
//document.getElementById(“timeIndicator”).textContent = TIMER_CONSTANT;
setInterval(function() {
TIMER_CONSTANT --;
if(TIMER_CONSTANT >=0) {
$("#timeIndicator").text(TIMER_CONSTANT);
//document.getElementById(“timeIndicator”).textContent = TIMER_CONSTANT;
}
if(TIMER_CONSTANT === 0) {
clearInterval(TIMER_CONSTANT);
}
}, 1000);
}

您的countdownTimer元素是什么？您的代码中当前发生了什么？任何意外输出是什么？