2017-05-21 3 views
-5

Ich versuche, einen Countdown auf meiner Website zu setzen gemäß diesem Beispiel: https://codepen.io/SitePoint/pen/MwNPVqMein JavaScript-Countdown wird nicht aktualisiert. Warum?

Hier ist der Code auf meiner Seite:

var timestamp_today = Math.floor(Date.now() /1000); 
var timestamp_event = 1511679600; 
var diff = timestamp_event-timestamp_today; 
var deadline = new Date(Date.parse(new Date()) + diff*1000); 
initializeClock('countdown', deadline); 

HTML

<div id="countdown"> 
    <div> 
     <span class="days"></span> 
     <div class="smalltext">Jours</div> 
    </div> 
    <div> 
     <span class="hours"></span> 
     <div class="smalltext">Heures</div> 
    </div> 
    <div> 
     <span class="minutes"></span> 
     <div class="smalltext">Minutes</div> 
    </div> 
    <div> 
     <span class="seconds"></span> 
     <div class="smalltext">Secondes</div> 
    </div> 
</div> 

Das Problem ist, dass mein divs sind leer: keine Zahlen. Was mache ich falsch?

+0

Ich sehe nicht gehen irgendein js Code, der die js Variablen in den HTML einfügt! –

+0

gut für Anfänger, Sie rufen 'initializeClock()' und das ist nicht definiert. –

+0

Die JS-Funktionen, wie initializeClock() sind auf dem Link, den ich in meiner Nachricht gab – narfi

Antwort

0

Sie haben die <script> vor dem </body> setzen schließt

<body> 
    <nav class="midnight">... 
    ...</section> 
    <script> 
    function getTimeRemain.... 
    ...ializeClock('countdown', deadline); 
    <script> 
</body> 

Aber wenn Ihr <script> in einer externen Datei im Kopf ist, hat er die nächste Weise

window.onload=function(){ 
    function getTimeRemain.... 
    ...ializeClock('countdown', deadline); 
} 
+0

Perfekt! Vielen Dank! – narfi

+0

@narfi ein Vergnügen, Ihnen zu helfen – AvrilAlejandro

Verwandte Themen