按钮同时显示两个时间
创始人
2024-11-04 05:30:05
0

使用 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 函数,显示两个时间。

相关内容

热门资讯

透视数据!购买wepoker模... 透视数据!购买wepoker模拟器,wepoker轻量版透视(透视)详细教程(有挂解说)1、许多玩家...
透视新版!wepoker辅助器... 透视新版!wepoker辅助器最新版本更新内容,wepoker私人局怎么玩(透视)必赢方法(有挂详情...
透视讲解!wepoker轻量版... 透视讲解!wepoker轻量版书签,wepoker有辅助工具吗(透视)2025教程(有挂插件)1、全...
透视透视!wepoker私人局... 透视透视!wepoker私人局透视方法,wepoker钻石怎么看底牌(透视)可靠技巧(有挂细节)we...
透视模拟器!wepoker破解... 透视模拟器!wepoker破解工具,wepoker一直输的号能继续打吗(透视)wpk教程(有挂规律)...
透视工具!wepoker私人局... 透视工具!wepoker私人局俱乐部怎么进,wepoker一直输的号能继续打吗(透视)新版2025教...
透视智能ai!wepoker轻... 透视智能ai!wepoker轻量版透视方法,wepokerplus开挂(透视)大神讲解(有挂黑科技)...
透视攻略!wepoker透视版... 透视攻略!wepoker透视版下载,wepoker免费透视脚本(透视)力荐教程(有挂脚本)1)wep...
透视模拟器!wepoker私人... 透视模拟器!wepoker私人局怎么玩,wepoker的辅助器(透视)曝光教程(有挂方法);1、we...
透视教学!wepoker私人局... 透视教学!wepoker私人局辅助挂,wepoker手机版辅助(透视)介绍教程(有挂插件);透视教学...