Server Time AJAX Demo
This demo shows you how to get the countdown timer to match the server time by passing the difference of server time to the plugin.
Setup is as simple as doing the following:
//HTML <p id="timer"></p>
Create php file to return time server time:
<?php
// get_servertime.php
date_default_timezone_set('Europe/London');
header("Cache-Control: no-cache, must-revalidate"); // HTTP/1.1
header("Expires: Fri, 1 Jan 2010 00:00:00 GMT"); // Date in the past
$now = time() * 1000;
$end = strtotime( $_GET['date'] ) * 1000;
# We only need the difference in dates
echo $end - $now;
?>
// JavaScript
var dateTo = "January 25, 2016 12:00:00",
get_server_time = function() {
var time = null;
$.ajax({
url: 'get_serverdate.php',
data : {
date: dateTo
},
async: false,
dataType: 'json',
success: function( date, status, xhr ) {
time = date;
},
error: function(xhr, status, err) {
time = new Date();
time = time.getTime();
}
});
return time;
},
time = get_server_time();
$("#time").countdown({
date: dateTo,
serverDiff: time,
yearsAndMonths: true
});