HTML5输入=赢得的时间';t通过javascript设置
我的HTML5表单字段有问题,我需要该字段(时间)每秒更新到当前时间,更新代码每秒通过setInterval调用,HTML5表单元素: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:
<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();