timezone - 如何在我的页面上有两个时钟并且它们会实时更新？

Question

我有一个天气网站，我快要疯了，想知道如何在我的页面上有两个时钟，它们会实时更新。一个使用“欧洲/里斯本”时区，另一个使用“UTC”时区

现在我有这个代码行：

<strong>Elvas:</strong>
<?php
// set the default timezone to use. Available since PHP 5.1
date_default_timezone_set('Europe/Lisbon');

// Prints something like: Monday 8th of August 2005 03:12:46 PM
echo date('H:i');
?>

&nbsp &nbsp

<strong>UTC:</strong>
<?php
// set the default timezone to use. Available since PHP 5.1
date_default_timezone_set('UTC');

// Prints something like: Monday 8th of August 2005 03:12:46 PM
echo date('H:i');
?>

但是当然没有我想要的自动更新。

提前感谢您能给我的任何可能的帮助。

Answer 1

PHP 是一种服务器端技术。如果你想实时更新你的页面，你需要坚持使用 JavaScript。

默认情况下，除了运行它的计算机的时区之外，JavaScript 对时区一无所知。为了显示其他时区的时间，您需要一个用于 JavaScript 的时区数据库。我在这里列出了其中的几个。

例如，您可以将moment.js与moment-timezone附加组件一起使用。获取特定时区的当前时间是这样的：

moment().tz('Europe/Lisbon').format('YYYY-MM-DD HH:mm:ss')

要定期更新它，您可以使用window.setInterval.

如果您正在寻找已经为您编码的非常简单的解决方案，请考虑使用timeanddate.com 上提供的“您的网站的免费时钟”。它们非常可靠且可针对不同时区进行定制。