Javascript 如何添加到HTML时间元素

Javascript 如何添加到HTML时间元素,javascript,html,input,time,Javascript,Html,Input,Time,如何使用javascript添加到现有的HTML时间元素中。我有一个html时间元素,希望能够按下一个按钮,将当前时间增加一分钟。我不想使用输入类型时间。这是我现有的代码: 10:00 附加时间 函数addTime(){ document.getElementById('time').innerHTML+='01:00' } 您可以使用Date.prototype.setMinutes()和元素Date.prototype.setSeconds()的前两个.innerHTML,以及参数0

如何使用javascript添加到现有的HTML时间元素中。我有一个html时间元素,希望能够按下一个按钮,将当前时间增加一分钟。我不想使用输入类型时间。这是我现有的代码:


10:00 
附加时间
函数addTime(){
document.getElementById('time').innerHTML+='01:00'
}

您可以使用
Date.prototype.setMinutes()
和元素
Date.prototype.setSeconds()的前两个
.innerHTML
,以及参数
0


10:00 
附加时间
const time=document.getElementById('time'))
让日期=新日期();
函数addTime(){
date.setMinutes(1++time.innerHTML.match(/\d{2}/)[0]);
日期。设置秒(0);
time.innerHTML=字符串(日期).slice(19,24);
}

在html中,您可以输入以下代码:

 <time id='time'> <label id="hour">10</label>:<label id="second">00</label> </time>
<button onclick="addTime();">addTime</button>
10:00
附加时间
您可以运行此功能:

function addTime() {
        var h = parseInt(document.getElementById('hour').innerHTML);
        var s = parseInt(document.getElementById('second').innerHTML);
        s++;
        var add = "0";
        if (s < 10) {
            add = "0" + s;
        }
        else {
            add = s;
        }
        if (s == 60) {
            add = "00";
            h = h + 1;
        }
        if (h == 25) {
            h = 1;
        }
        document.getElementById('hour').innerHTML = h;
        document.getElementById('second').innerHTML = add;
    }
函数addTime(){
var h=parseInt(document.getElementById('hour').innerHTML);
var s=parseInt(document.getElementById('second').innerHTML);
s++;
var add=“0”;
如果(s<10){
添加=“0”+s;
}
否则{
加法=s;
}
如果(s==60){
添加=“00”;
h=h+1;
}
如果(h==25){
h=1;
}
document.getElementById('hour')。innerHTML=h;
document.getElementById('second').innerHTML=add;
}

在javascript中放置一个
日期
变量
,然后操纵该
日期
对象,即在该对象上添加一分钟,然后
.toString()
显示感谢您!