入力された値をとり、タイマーに入れる

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() setterは、メソッドの引数としてHTML文字列を追加した場合にのみ有効です。

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

Number追加の代わりに文字列連結を使用する必要がありますが、

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