javascript - 使用 JavaScript 或 jQuery 自动填充当前时间

Question

我正在尝试使用 JavaScript 和/或 jQuery 在类型时间字段中自动填充时间；不是日期。它会自动填充。但是，我试图让它自动填充当前时间而不是指定时间。 (例如，“17:40:11”)

如何从 JavaScript 或 jQuery 获取当前时间并将其自动填充到输入时间字段中？

下面粘贴了我的代码和我在使用 JavaScript 时遇到的以下错误。

我试过将 jQuery 与 new Date($.now()); 一起使用，但我得到了类似的错误，但我的时间是一堆数字(例如 123435334)

HTML

<input type="time" value="" />

JavaScript

$(document).ready(function myTimer() {
      
    var now = new Date(Date.now());
    var f = now.getHours() + ":" + now.getMinutes() + ":" + now.getSeconds();           
    $("input[type=time]").val(f);
    
})

错误

jquery.js:7373 :

The specified value '7:13:40' does not conform to the required format. The format is 'HH:mm', 'HH:mm:ss' or 'HH:mm:ss.SSS' where HH is 00-23, mm is 00-59, ss is 00-59, and SSS is 000-999.

Answer 1

如果缺少则添加零...想法:

if(hours<10) hours = "0"+hours;

$(document).ready(function myTimer() {
    var now = new Date(Date.now());
    var f = leadZero(now.getHours()) + ":" + leadZero(now.getMinutes()) + ":" + leadZero(now.getSeconds());           
    $("input[type=time]").val(f);

})

function leadZero(_something) {    
    if(parseInt(_something)<10) return "0"+_something;
    return _something;//else    
}