如何在 send/button 按下消息时捕获 time/date [ Vanilla Javascript ]

Question

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

香草 JS

谢谢！

Answer 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/

这是否符合您要查找的内容？

如何在 send/button 按下消息时捕获 time/date [ Vanilla Javascript ]

How to capture time/date when message was send/button pressed [ Vanilla Javascript ]

javascript

clock

button