gpt4 book ai didi

javascript - 如何添加到 HTML 时间元素

转载 作者:行者123 更新时间:2023-11-30 15:10:43 25 4
gpt4 key购买 nike

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

<body>
<time id = 'time'> 10:00 </time>
<button onclick = "addTime();">addTime</button>
<script>
function addTime(){

document.getElementById('time').innerHTML += '01:00'
}
</script>
</body>

但这只是将时间附加为字符串。有解决此问题的简单方法吗?

最佳答案

您可以使用 Date.prototype.setMinutes() 元素的前两个数字 .innerHTMLDate.prototype.setSeconds() 带参数 0

<body>
<time id='time'> 10:00 </time>
<button onclick="addTime();">addTime</button>
<script>
const time = document.getElementById('time')
let date = new Date();

function addTime() {
date.setMinutes(1 + +time.innerHTML.match(/\d{2}/)[0]);
date.setSeconds(0);
time.innerHTML = String(date).slice(19, 24);
}
</script>
</body>

关于javascript - 如何添加到 HTML 时间元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45156748/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com