javascript - 将日期添加到多个时区的时钟
问题描述
我正在寻求有关如何为 X、Y、Z 时区添加当前日期的帮助。
JavaScript:
const clocks = document.getElementsByClassName("clock");
function updateClocks() {
for (let clock of clocks) {
let timezone = clock.dataset.timezone;
let time = new Date().toLocaleTimeString("en-US", {
hour: '2-digit',
minute: '2-digit',
timeZone: timezone
});
clock.textContent = time;
}
}
// Update every minute:
setInterval(updateClocks, 60000);
updateClocks();
html
<span class="clock" data-timezone="Europe/London">05:55 PM</span>
<span class="clock" data-timezone="Asia/Seoul">08:55 AM</span>
我可以毫无问题地获得时间,但我不知道如何为这些时区设置当前日期。
解决方案
OP的解决方案。
终于想通了:
const clocks = document.getElementsByClassName("clock");
function updateClocks() {
for (let clock of clocks) {
let timezone = clock.dataset.timezone;
let time = new Date().toLocaleString("en-US", {
weekday: "long",
month: "short",
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
timeZone: timezone
});
clock.textContent = time;
}
}
只需添加工作日:“长”,月份:“短”,
输出:10 月星期三,05:38:17 AM
推荐阅读
- reactjs - 如何仅在 Next.JS 中禁用特定页面上的缓存
- reactjs - 有没有办法从材料表反应中删除货币前缀?
- visual-c++ - 在 Assimp 中获取骨骼动画的变换矩阵
- spring - ProGuard 构建上 TransactionAttributeSource 的 Spring NoUniqueBeanDefinitionException
- python - azure vm 和 ubuntu virtualbox 之间的 Python 套接字问题
- javascript - 错误:在 formik 上使用反应输入掩码时超出了最大更新深度
- ios - ZStack 背景颜色不显示
- vb.net - 如何更快地将列表视图导出到 Excel?
- google-apps-script - 如何通过谷歌文档中的自定义菜单项创建和发送 PDF
- javascript - 如何在 jQuery 中循环多个类?