我如何在我的页面上有两个时钟,他们将实时更新?

时间:2013-08-25 18:59:14

标签: timezone auto-update

我有一个天气网站,我疯狂地弄清楚如何在我的页面上有两个时钟,他们将实时更新。一个是“欧洲/里斯本”时区,另一个是“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');
?>

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

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

1 个答案:

答案 0 :(得分:0)

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

默认情况下,JavaScript不知道有关时区的任何信息,除了运行它的计算机的时区。要在其他时区显示时间,您需要一个JavaScript时区数据库。我列出了其中几个here

例如,您可以将moment.jsmoment-timezone插件一起使用。获取特定时区的当前时间是这样的:

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

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

如果您正在寻找已为您编码的非常简单的解决方案,请考虑使用"Free Clocks for Your Website" offered at timeanddate.com。它们非常可靠,可以根据不同的时区进行定制。