HTML5输入=赢得的时间';t通过javascript设置

HTML5输入=赢得的时间';t通过javascript设置,javascript,html,Javascript,Html,我的HTML5表单字段有问题,我需要该字段(时间)每秒更新到当前时间,更新代码每秒通过setInterval调用,HTML5表单元素: <form name="process"> <input name="p_time" type="time" value="<?php echo date("H:i:s");?>" /> //... </form> 我不想做的是通过页面刷新来刷新页面。这应该行得通!: Javascript:

我的HTML5表单字段有问题,我需要该字段(时间)每秒更新到当前时间,更新代码每秒通过setInterval调用,HTML5表单元素:

<form name="process">
    <input name="p_time" type="time" value="<?php echo date("H:i:s");?>" />
    //...
</form>
我不想做的是通过页面刷新来刷新页面。

这应该行得通!:


Javascript:

function startTime() {
    var today=new Date();
    var h=today.getHours();
    var m=today.getMinutes();
    var s=today.getSeconds();
    h = checkTime(h); 
    m = checkTime(m);
    s= checkTime(s);
    document.getElementById('time').value = h+":"+m+":"+s;
    var t = setTimeout(function(){startTime()},1000);
}

function checkTime(i) {
    if (i<10) {i = "0" + i} // add zero in front of numbers < 10
    return i;
}

startTime();
函数开始时间(){
var today=新日期();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
h=检查时间(h);
m=检查时间(m);
s=检查时间(s);
document.getElementById('time')。value=h+“:“+m+”:“+s;
var t=setTimeout(函数(){startTime()},1000);
}
功能检查时间(i){

如果(i)您使用的浏览器是什么?FireFox、IE和Safari不支持时间输入类型。使用Chrome版本39.0.2171.95 m
<form name="process">
    <input name="p_time" id='time' type="time" value="" />
</form>
function startTime() {
    var today=new Date();
    var h=today.getHours();
    var m=today.getMinutes();
    var s=today.getSeconds();
    h = checkTime(h); 
    m = checkTime(m);
    s= checkTime(s);
    document.getElementById('time').value = h+":"+m+":"+s;
    var t = setTimeout(function(){startTime()},1000);
}

function checkTime(i) {
    if (i<10) {i = "0" + i} // add zero in front of numbers < 10
    return i;
}

startTime();