내 페이지에서 두 개의 클럭을 가질 수 있으며 실시간으로 업데이트 될 예정입니까?

Question

날씨 웹 사이트가있어서 내 페이지에서 두 개의 시계를 가질 수있는 방법을 파악하는 것이 미쳐서 실시간으로 업데이트됩니다.

<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'); 
?> 

하지만 자동 업데이트 물론

내가 좋아하는 것처럼 다음 '유럽/리스본'시간대와하고 'UTC'시간대

와 다른 하나는 지금은이 코드 라인을 가지고있다.

미리 알려 주시면 감사하겠습니다.

Answer 1

PHP는 서버 측 기술입니다. 실시간으로 페이지를 업데이트하려면 JavaScript를 사용해야합니다.

기본적으로 JavaScript는 실행중인 컴퓨터의 표준 시간대 이외의 표준 시간대에 대해 알지 못합니다. 다른 시간대의 시간을 표시하려면 JavaScript 용 표준 시간대 데이터베이스가 필요합니다. 나는 그들 중 몇 개를 here으로 열거한다.

예를 들어 moment-timezone 부가 기능과 함께 moment.js을 사용할 수 있습니다. 특정 시간대에 현재 시간을 얻는 것은 이렇게 있습니다 :

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

당신은 window.setInterval을 사용할 수 있습니다, 정기적으로 업데이트합니다.

이미 쉽게 코딩 된 솔루션을 찾고 계신다면 "Free Clocks for Your Website" offered at timeanddate.com을 사용해보십시오. 그들은 매우 안정적이고 다른 시간대에 맞게 사용자 정의 할 수 있습니다.