Sync JS time between multiple devices

by

Measure the elapsed time between sending the request and getting back the response. Then, divide that value by 2. That gives you a rough value of one-way latency. If you add that to the time value from the server, you’ll be closer to the true server time.

Something like this should work:

function syncTime() {
    // Set up our time object, synced by the HTTP DATE header
    // Fetch the page over JS to get just the headers
    console.log("syncing time")
    var r = new XMLHttpRequest();
    var start = (new Date).getTime();

    r.open('HEAD', document.location, false);
    r.onreadystatechange = function()
    {
        if (r.readyState != 4)
        {
            return;
        }
        var latency = (new Date).getTime() - start;
        var timestring = r.getResponseHeader("DATE");

        // Set the time to the **slightly old** date sent from the 
        // server, then adjust it to a good estimate of what the
        // server time is **right now**.
        systemtime = new Date(timestring);
        systemtime.setMilliseconds(systemtime.getMilliseconds() + (latency / 2))
    };
    r.send(null);
}

Interesting aside: John Resig has a good article on the accuracy of Javascript timing.
It shouldn’t cause a problem in this case, since you’re only concerned about your time being off by ~1 second. A 15 ms difference shouldn’t have much effect.

More Related Contents:

  1. How can I run different scripts based on time? [closed]
  2. Date is in string format
  3. Convert a Unix timestamp to time in JavaScript
  4. Asynchronous Process inside a javascript for loop [duplicate]
  5. How to create an accurate timer in javascript?
  6. How do you display JavaScript datetime in 12 hour AM/PM format?
  7. JavaScript seconds to time string with format hh:mm:ss
  8. Get the time difference between two datetimes
  9. How to parse a time into a Date object from user input in JavaScript?
  10. Get first and last date of current month with JavaScript or jQuery [duplicate]
  11. Get time of specific timezone [duplicate]
  12. Wait until flag=true
  13. How do I calculate how many seconds between two dates?
  14. Javascript timestamp to relative time
  15. Converting 24 hour time to 12 hour time w/ AM & PM using Javascript
  16. How can two instances of a userscript communicate between frames?
  17. How to tell .hover() to wait?
  18. how to convert a string to a Unix timestamp in javascript?
  19. Is there any way to get current time in nanoseconds using JavaScript?
  20. Jquery time difference in hours from two fields
  21. Get a UTC timestamp [duplicate]
  22. Create a unique number with javascript time
  23. Converting Youtube Data API V3 video duration format to seconds in JavaScript/Node.js
  24. Calculate Time Difference with JavaScript
  25. How to sync JavaScript callbacks?
  26. performance.now() vs Date.now()
  27. JavaScript NTP time
  28. How to get the modified time of a file being uploaded in JavaScript?
  29. Maximum Call Stack Size Exceeded During a setTimeout Call
  30. Making a live clock in javascript

Leave a Comment