2017-11-28 6 views
0

Ich versuche, ein Countdown-Timer in Javascript zu machen, und ich schrieb einen Code wiezeigt Countdown-Timer Differenz auf verschiedenen Systemen

var countdown = function(){ 
    setInterval(function() { 
     var countDownDate = new Date(document.getElementById("end_date").getAttribute("data-date")).getTime(); 
     // data-date ex. = "2017-11-28 21:54:00"; greater than current date (now) 
     // Get todays date and time 
     var now = new Date().getTime(); 

     // Find the distance between now an the count down date 
     var distance = countDownDate - now; 

     // Time calculations for days, hours, minutes and seconds 
     var days = Math.floor(distance/(1000 * 60 * 60 * 24)); 
     var hours = Math.floor((distance % (1000 * 60 * 60 * 24))/(1000 * 60 * 60)); 
     var minutes = Math.floor((distance % (1000 * 60 * 60))/(1000 * 60)); 
     var seconds = Math.floor((distance % (1000 * 60))/1000); 

     // Display the result in the element with id="demo" 
     if(hours<10){ 
      hours = "0"+hours; 
     } 
     if(minutes<10){ 
      minutes = "0"+minutes; 
     } 
     if(seconds<10){ 
      seconds = "0"+seconds; 
     } 
     var left = hours + ":"+ minutes + ":" + seconds; 
     console.log(left); 
     document.getElementById("time_left").innerHTML = left; 

     // If the count down is finished, write some text 
     if (distance < 0) { 
      clearInterval(x); 
      document.getElementById("time_left").innerHTML = "EXPIRED"; 
     } 
    }, 1000); 
} 
countdown(); 

Zähler funktioniert gut, aber warum ich Zeitdifferenz bis zu 25 Sekunden auf verschiedenen bin immer Systeme. Einige Systeme zeigen dieselbe Countdown-Zeit, andere jedoch nicht.

+0

Sind Sie sicher, dass alle Ihre Systeme haben die gleiche Zeit konfiguriert? –

+0

dauert Javascript Systemzeit? –

+0

Ja, tut es. JavaScript verwendet Ihre Systemzeit. –

Antwort

0

Sie sollten Ihre Serverzeit und Java-Skript verwenden, nehmen Sie die Systemzeit, also, wenn Sie Ihre Systemzeit ändern Countdown wird automatisch ändern. Sie können mir auch Ihren Code mit js Fiddle oder irgendetwas anderes ...

Verwandte Themen