Zeit zurückgesetzt, wenn die Seite in jQuery Classy Countdown aktualisiert

Question

Ich mag Januar den Countdown-Timer einstellen 1 2017. Aber wenn die Seite des Countdown aktualisiert zurückgesetzt und erneut gestartet zu 24 Tagen zu zählen 23 Stunden 50 Minuten .. 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!"); 
 
      } 
 
     }); 
 

 
    }); 
 

Überprüfung der Code verwende ich

Answer 1

Sie SetInterval() JavaScript-Methode verwenden, können Sie für erstellen unten zählen. Es zählt die Zeit jede Sekunde herunter (1000 Millisekunden).

Dieses Beispiel zeigt, wie Zeit zählen von Jahr zu beenden

$(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); 
});