Use server time in 90-timers.js for more accurate timers

[plack-app-gruntmaster.git] / js / 90-timers.js

diff --git a/js/90-timers.js b/js/90-timers.js
index 7281f6f3fd689a9d37c364ff335886660802038f..e03ae08dcf3171a13ad872225f1a94da512d0efa 100644 (file)
--- a/js/90-timers.js
+++ b/js/90-timers.js
@@ -1,8 +1,10 @@
+let offset = 0;
+
 function update_timer(timer){
        var start = parseInt(timer.dataset.start);
        var stop  = parseInt(timer.dataset.stop);
        var value = parseInt(timer.dataset.value);
-       var now   = Math.floor(Date.now() / 1000);
+       var now   = Math.floor(Date.now() / 1000) + offset;
 
        var left = stop - now;
        var total = stop - start;
@@ -13,9 +15,9 @@ function update_timer(timer){
                value = Math.max(value * 3 / 10, value * left / total);
                timer.innerHTML = Math.floor(value);
        } else {
-               var hours = left / 60 / 60;
+               var hours = Math.floor(left / 60 / 60);
                hours = hours < 10 ? '0' + hours : hours;
-               var minutes = left / 60 % 60;
+               var minutes = Math.floor(left / 60) % 60;
                minutes = minutes < 10 ? '0' + minutes : minutes;
                var seconds = left % 60;
                seconds = seconds < 10 ? '0' + seconds : seconds;
@@ -23,9 +25,17 @@ function update_timer(timer){
        }
 }
 
-$(function() {
-       $('.timer').each(function(item){
+$(() => {
+       $('.timer').each(item => {
                update_timer(item);
-               setInterval(function(){update_timer(item)}, 1000);
+               setInterval(() => update_timer(item), 1000);
        });
+       let xhr = new XMLHttpRequest();
+       xhr.open('HEAD', '/');
+       xhr.onload = () => {
+               let srvtime = Date.parse(xhr.getResponseHeader('Date'));
+               offset = Math.ceil((srvtime - Date.now()) / 1000);
+               console.log("Offset from server: " + offset);
+       };
+       xhr.send();
 });