前一篇:Javascript中的delete介绍后一篇:JavaScript之自定义类型

Javascript 世界时区时间显示代码_时间日期

	作者：CC	今阅(1)	3日(1)	7日(1)
	发表时间:2024-04-28 12:16:40		30日(1)	总阅(10)

文章摘要：当我们想在网页中显示世界各个时区的时间时，可以使用javascript来实现，代码中使用了`date().tolocalestring()`方法结合`timezone`选项来获取特定时区的时间，下面是一个简单的示例代码，用于显示不同时区的当前时间和日期：运行这段代码可以在网页中显示纽约、伦敦和东京的当前时间

当我们想在网页中显示世界各个时区的时间时，可以使用JavaScript来实现。下面是一个简单的示例代码，用于显示不同时区的当前时间和日期：

```html
<!DOCTYPE html>
<html>
<head>
<title>World Clock</title>
</head>
<body>
<h1>World Clock</h1>

<p>New York: <span id="newYorkTime"></span></p>
<p>London: <span id="londonTime"></span></p>
<p>Tokyo: <span id="tokyoTime"></span></p>

var londonTime = new Date().toLocaleString("en-US", {timeZone: "Europe/London"});
    document.getElementById(\'londonTime\').innerText = londonTime;

var tokyoTime = new Date().toLocaleString("en-US", {timeZone: "Asia/Tokyo"});
    document.getElementById(\'tokyoTime\').innerText = tokyoTime;
}

updateClocks();
setInterval(updateClocks, 1000);
</script>
</body>
</html>
```

运行这段代码可以在网页中显示纽约、伦敦和东京的当前时间。代码中使用了`Date().toLocaleString()`方法结合`timeZone`选项来获取特定时区的时间。`setInterval()`函数每秒更新一次时间，保持时钟显示的实时性。你可以根据需求添加其他时区或进行样式美化。

前一篇:Javascript中的delete介绍后一篇:JavaScript之自定义类型