javascript - 获取输入值并将其放在计时器上

Question

所以我正在制作一个倒数计时器，我试图弄清楚如何获取通过表单输入的值并将它们放在显示器中，以便计时器可以从中开始倒计时。

这是我写的(可能大错特错的)JS 函数:

function changeTime() {
    var h = parseInt(hrs.value);
    var m = parseInt(mns.value);
    var s = parseInt(scs.value);

    if (h < 10) {
        h = 0 + h;
    };
    if (m < 10) {
        m = 0 + m;
    };
    if (s < 10) {
        s = 0 + s;
    };

    $("#time").html() = h + ":" + m + ":" + s;
}

$("#change").click(function() {
    changeTime();
})

这是 HTML 的表单部分:

<form id="choose">
   <input type="text" id="hrs" name="hrs" size="2" maxlength="2" placeholder="h"/>
   <input type="text" id="mns" name="mns" size="2" maxlength="2" placeholder="m"/>
   <input type="text" id="scs" name="scs" size="2" maxlength="2" placeholder="s"/>
</form>

这是全部 fiddle .我知道对齐已关闭，但我会修复它，我只需要 JS 方面的帮助。谢谢!

Answer 1

html() 只有在方法中添加 HTML 字符串作为参数时，setter 才有效。

$("#time").html( h + ":" + m + ":" + s );

尽管您需要使用字符串连接而不是数字相加。

if (h < 10) {
    h = '0' + h;
    //--^-^--- this should be string 
};