將輸入的值放到計時器上

所以我正在製作一個倒數計時器，我想弄清楚如何獲取通過表格輸入的值並將它們放在顯示器中，以便計時器可以倒計時那。將輸入的值放到計時器上

這裏的（可能大大錯了）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。謝謝！

來源

2016-09-05 l-emi

'$（「＃時間」）HTML（H + 「：」 + M + 「：」 + S）;的作品' –

@PranavCBalan謝謝！唯一的問題是，數字<10顯示爲0：0：0所以我的if語句不起作用... –

由於值爲'數字'加'0'沒有任何效果 –

html()只有在方法中添加了HTML字符串作爲參數時，setter才能工作。

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

雖然您需要使用字符串連接而不是數字加法。

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

來源

2016-09-05 15:46:25

將輸入的值放到計時器上

回答

相關問題