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() 设置器才有效。

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

虽然您需要使用字符串连接而不是数字添加。

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

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

1 个答案: