время, когда обновите страницу в JQuery Classy Countdown

Question

Я хочу, чтобы установить таймер обратного отсчета до 1 января 2017. Но при обновлении страницы сбросить отсчет и начал отсчет снова 24 дней 23 часов 50 минут .. check the image

$(document).ready(function() { 
 
     $('#countdown4').ClassyCountdown({ 
 
      end: $.now() + 2160000, 
 
      labels: true, 
 
      style: { 
 
       element: "", 
 
       textResponsive: .5, 
 
       days: { 
 
        gauge: { 
 
         thickness: .03, 
 
         bgColor: "rgba(255,255,255,0.05)", 
 
         fgColor: "#1abc9c" 
 
        }, 
 
        textCSS: 'font-family:\'Open Sans\'; font-size:25px; font-weight:300; color:#fff;' 
 
       }, 
 
       hours: { 
 
        gauge: { 
 
         thickness: .03, 
 
         bgColor: "rgba(255,255,255,0.05)", 
 
         fgColor: "#2980b9" 
 
        }, 
 
        textCSS: 'font-family:\'Open Sans\'; font-size:25px; font-weight:300; color:#fff;' 
 
       }, 
 
       minutes: { 
 
        gauge: { 
 
         thickness: .03, 
 
         bgColor: "rgba(255,255,255,0.05)", 
 
         fgColor: "#8e44ad" 
 
        }, 
 
        textCSS: 'font-family:\'Open Sans\'; font-size:25px; font-weight:300; color:#fff;' 
 
       }, 
 
       seconds: { 
 
        gauge: { 
 
         thickness: .03, 
 
         bgColor: "rgba(255,255,255,0.05)", 
 
         fgColor: "#f39c12" 
 
        }, 
 
        textCSS: 'font-family:\'Open Sans\'; font-size:25px; font-weight:300; color:#fff;' 
 
       } 
 

 
      }, 
 
      onEndCallback: function() { 
 
       console.log("Time out!"); 
 
      } 
 
     }); 
 

 
    }); 
 

проверить код я использую

Answer 1

Вы можете использовать метод JavaScript SetInterval() для создания отсчитывать. Он отсчитывает время каждую секунду (1000 миллисекунд).

В этом примере показано, как рассчитывать время до конца года

$(function(){ 
    setInterval(function(){ 
     date_future = new Date(new Date().getFullYear() +1, 0, 1); 
     date_now = new Date(); 

     seconds = Math.floor((date_future - (date_now))/1000); 
     minutes = Math.floor(seconds/60); 
     hours = Math.floor(minutes/60); 
     days = Math.floor(hours/24); 

     hours = hours-(days*24); 
     minutes = minutes-(days*24*60)-(hours*60); 
     seconds = seconds-(days*24*60*60)-(hours*60*60)-(minutes*60); 

     $("#timeDay").text(days); 
     $("#timeHours").text(hours); 
     $("#timeMinutes").text(minutes); 
     $("#timeSeconds").text(seconds); 
    },1000); 
});