Set Javascript time with php server time?

Question

I have a situation where I want the server time to be displayed on a web page. At present I keep it simple and just do this

<?php 
$CTIME=date ("g:i a");
?>

This works great- except I would prefer it if it updated by itself without the need to refresh the page. I was thinking perhaps there is a way I can set the javascript time function with the time from a php script- but I've got no idea as to how I could go about doing this.

Perhaps I'm thinking about this wrong... maybe there is another solutions I'm not thinking of, Any ideas ??

AJ. · Accepted Answer · 2011-06-08 22:10:52Z

3

Here is a jQuery plugin for displaying a clock:

http://plugins.jquery.com/project/jqClock

Just initialize it using the time coming back from the server. It automatically updates every second on the client side.

answered Jun 8, 2011 at 22:10

AJ.

28.3k19 gold badges89 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

hakre · Accepted Answer · 2011-06-08 22:17:38Z

3

Try this:

<javascript>
var ctime = '<?php echo date ("g:i a"); ?>';
</javascript>

Then let a timer increase the value on the javascript side. It's not very precise, but if I saw that right you need minutes only, not seconds, so precision is probably not an issue.

edited Jun 8, 2011 at 22:17

answered Jun 8, 2011 at 22:12

hakre

200k55 gold badges454 silver badges865 bronze badges

Comments

jwueller · Accepted Answer · 2011-06-08 22:47:51Z

Use your base-time to calculate the current time on the fly (without using any additional and potentially slow/expensive request; it does not even require jQuery):

var getServerTime = (function () {
    var baseTime = <?php echo time() * 1000; /* convert to milliseconds */ ?>,
        startTime = new Date().getTime();

    return function () {
        return baseTime + (new Date().getTime() - startTime);
    };
}());

This function returns the current time (in milliseconds) based on the server-side time. You can update your site an a regular interval and use this function to determine the current server-side time like this:

// update the site every minute
setInterval(function () {
    var currentServerTime = getServerTime();
    // update everything (format date or something)
}, 60 * 1000);

Sabeen Malik · Accepted Answer · 2011-06-08 22:11:33Z

0

I believe you can easily find some javascript code over the internet which shows a running clock on your site. On load of the page have PHP set the initial start time for this javascript snippet and i believe you are good to go.

answered Jun 8, 2011 at 22:11

Sabeen Malik

10.9k4 gold badges37 silver badges51 bronze badges

Collectives™ on Stack Overflow

Set Javascript time with php server time?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related