Do not request server time when page has no timers

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

diff --git a/js/90-timers.js b/js/90-timers.js
index 7281f6f3fd689a9d37c364ff335886660802038f..c9b095039873c84b3f886eaaac06c2b48ee510d7 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,19 @@ 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);
        });
+       if($('.timer').length > 0) {
+               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();
+       }
 });