Question

I want to set clock of multiple country by JavaScript:

Example :

     U.S.A      India      Australia    Spain    
     10:20:23   15:32:23   19:36:41     15:63:20

I want set this clock live in a page.

I use PHP in My page

Answer 1

The good thing should be the that one Date object is created per country and it is created once. I’m not exactly sure what the php code should be – either use the time provided by your server and add/subtract time, or check here how to get time from time server.

html:

<div id="spain"></div>
<div id="jamaica"></div>​

js:

function zeroLead(i) { return i < 10 ? ("0" + i) : i; }
function start ( dateStr, where ) {
    var today = new Date ( dateStr );
    return function() {
        document.getElementById(where).innerHTML =
        zeroLead ( today.getHours()   ) + ":" +
        zeroLead ( today.getMinutes() ) + ":" +
        zeroLead ( today.getSeconds() );
        today.setMilliseconds ( 1001 );
    }
}

// here you set date with php
// date("F j, Y G:i:s");
var Spain = start   ( "May 11, 2012 21:13:00", "spain"   );
var Jamaica = start ( "May 11, 2012 21:43:00", "jamaica" );

setInterval( Spain,   1000 );
setInterval( Jamaica, 1000 );​

Jsfiddle demo and live demo with php.