使用 JavaScript 和 HTML 实现一个按钮,点击该按钮可以同时显示两个时间。代码如下:
HTML 代码:
JavaScript 代码:
function showTime() {
// 获取当前时间
var now = new Date();
var time1 = formatTime(now);
var time2 = formatTime(new Date(now.getTime() + 1000));
// 将时间显示在页面上
document.getElementById("time1").innerHTML = time1;
document.getElementById("time2").innerHTML = time2;
}
function formatTime(date) {
// 将时间格式化为 hh:mm:ss 的形式
var hours = date.getHours().toString().padStart(2, "0");
var minutes = date.getMinutes().toString().padStart(2, "0");
var seconds = date.getSeconds().toString().padStart(2, "0");
return hours + ":" + minutes + ":" + seconds;
}
在上面的代码中,showTime
函数获取当前时间,并使用 formatTime
函数将时间格式化为 hh:mm:ss 的形式。然后将这两个时间显示在页面上,分别放在两个 div 元素中。当用户点击按钮时,按钮会调用 showTime
函数,显示两个时间。
下一篇:按钮图标使按钮名称变得不明确