如何在发送消息/按下按钮时捕获时间/日期[Vanilla Javascript]答案

【问题标题】：How to capture time/date when message was send/button pressed [ Vanilla Javascript ]如何在发送消息/按下按钮时捕获时间/日期[Vanilla Javascript]
【发布时间】：2021-11-06 11:43:36
【问题描述】：

我正在开发一个消息应用程序，但我不知道如何在单击 SEND/Enter 按钮时捕获时间并将其显示在消息旁边

原版JS

谢谢！

【问题讨论】：

标签： javascript button clock

【解决方案1】：

那么您是否尝试显示单击按钮的时间，并将其显示给发件人/收件人的当地时间？

如果是这样，您应该可以像这样使用 Date 构造函数：

const date = new Date();

这将为您提供 UTC 时间。要转换为当地时间，您可以使用.toLocaleTimeString() 方法。这将以美国格式记录您的当地时间：

const date = new Date();
console.log(date.toLocaleTimeString('en-US'));

所以你可以做的是在按钮上设置一个事件监听器，当按钮被点击时，创建一个新的日期，并转换为本地时间。

const button = document.querySelector('button');
const par = document.querySelector('p')

button.addEventListener('click', () => {
    const date = new Date();
  const local = date.toLocaleTimeString('en-US');
  par.innerHTML = local
})

<button>
Click me
</button>

<p>
</p>

JSFiddle：https://jsfiddle.net/f198wvdt/2/

这是否符合您的要求？

【讨论】：

工作就像一个魅力，但现在我有第二个问题，我如何显示时间 Hours:mins:Sec
你的意思是从字面上去掉 AM/PM 结尾吗？可能有一种使用日期格式化方法的方法，但最懒惰/最简单的方法是（如果我们不使用上面的代码）就这样做：local.slice(0, -3)。这将使您有没有上午/下午的时间。