2016-04-06 6 views
1

Ich brauche Hilfe mit einem Countdown. Ich habe das folgende Skript verwendet, um einen Countdown zu generieren.Wie bekomme ich einen Countdown, der nur Stunden anzeigt?

var endTime = new Date(2016, 04, 10).getTime()/1000; 

function setClock() { 
    var elapsed = new Date().getTime()/1000; 
    var totalSec = endTime - elapsed; 
    var d = parseInt(totalSec/86400); 
    var h = parseInt(totalSec/3600) % 24; 
    var m = parseInt(totalSec/60) % 60; 
    var s = parseInt(totalSec % 60, 10); 
    var result = d; 
    document.getElementById('timeRemaining').innerHTML = result; 
    setTimeout(setClock, 1000); 
} 

setClock(); 

Ich will nur die Stunden sehen - in diesem Moment, als ich die Tage, Minuten, Sekunden löschen, es zeigt nur 24 Stunden, auch wenn es eine längere Zeit.

+0

Possi hilft ble Duplikat von [Code für einen einfachen JavaScript-Countdown-Timer?] (http://stackoverflow.com/questions/1191865/code-for-a-simple-javascript-countdown-timer) –

Antwort

0

Wenn ich Ihre Frage undertand, sollte diese Arbeit:

function setClock() { 
    var elapsed = new Date().getTime()/1000; 
    var totalSec = endTime - elapsed; 
    document.getElementById('timeRemaining').innerHTML = parseInt(totalSec/3600); 
    setTimeout(setClock, 1000); 
} 
0

Wenn Sie nur die Stunden, bis Sie das Datum abzulaufen wollen (10. Mai 2016), hier ist eine Lösung für Sie:

var endTime = new Date('2016/05/10').getTime()/1000; 

function setClock(){ 
    var currDate = new Date().getTime()/1000; 

    var timeRemaining = Math.ceil((endTime - currDate)/(60*60)); 
    /*time remaining is in hours. Math.ceil will make sure that 1 hour is shown 
    if time remaining is less than 1 hour unless you want to show mins */ 

    document.getElementById('timeRemaining').innerHTML = timeRemaining; 

    setTimeout(setClock, 1000); 
} 

setClock(); 

https://jsbin.com/buxetenika/edit?html,js,output

Dies sollte Ihnen den Einstieg ... hoffen, dass diese