javascript - 使用 Javascript 在我的倒计时中添加额外的 "number place"

Question

我正在尝试让这个时间进入倒计时，并且我已经成功了。但当它低于 10 秒时，我希望它显示 00:09 而不是 00:9。

我怎样才能实现这个目标？

var timerbtn = document.getElementById("timer");
var counter = 20;
var newElement = document.createElement("p");
newElement.innerHTML = "00:20";
var id;
timerbtn.parentNode.replaceChild(newElement, timerbtn);

    function startTimer() {
this.style.display = 'none';
id = setInterval(function () {
    counter--;
    if (counter < 0) {
        newElement.parentNode.replaceChild(timerbtn, newElement);
        clearInterval(id);
     } else {
        newElement.innerHTML = "00:" +counter.toString() + "";
    }
     }, 1000);
    };

 var clickbtn = document.getElementById("btn");
 clickbtn.onclick = startTimer;

Demo

Answer 1

这里的人:http://jsfiddle.net/leojavier/q5cfjvhf/2/

您只需添加一个条件即可附加零:

var timerbtn = document.getElementById("timer");
var counter = 20;
var newElement = document.createElement("p");
newElement.innerHTML = "00:20";
var id;

timerbtn.parentNode.replaceChild(newElement, timerbtn);

function startTimer() {
    this.style.display = 'none';
    id = setInterval(function () {
        counter--;
        if (counter < 0) {
            newElement.parentNode.replaceChild(timerbtn, newElement);
            clearInterval(id);
        } else {
            if(counter < 10) {
            newElement.innerHTML = "00:0" +counter+ "";
            }else{
                newElement.innerHTML = "00:" +counter + "";
            }
        }
    }, 1000);
};

var clickbtn = document.getElementById("btn");
clickbtn.onclick = startTimer;