Contador regresivo

[MaNuX0218]

Hola tengo un código que hace que el contador realice una cuenta atrás y va bién si le asigno la fecha de inicio actual pero si le asigno una manual el contador no realiza la funcion de 8,7,6,5,4,3... osea retrodecer el tiempo.

Este es el código:

Código Javascript:

function CountDown(){
    
    var date = new Date(2015,02,10);
    
    var final = new Date(2015,02,11);
    
    var days = 0;
    
    var hours = 0;
    
    var minutes = 0;
    
    var seconds = 0;
 
    if(final > date){
        
        var difference = (final.getTime() - date.getTime()) / 1000;
        
        days = Math.floor(difference / 86400);
        
        difference = difference - (86400 * days);
        
        hours = Math.floor(difference / 3600);
        
        difference = difference - (3600 * hours);
        
        minutes = Math.floor(difference / 60);
        
        difference = difference - (60 * minutes);
        
        seconds = Math.floor(difference);
 
        if(days > 0){
            
            $("#contador, #contador2").html(days + " <sup>d</sup> " + hours + " <sup>h</sup> " + minutes + " <sup>m</sup> " + seconds + " <sup>s</sup>");
        
        }else if(days == 0 && hours > 0){
            
            $("#contador").html(hours + " <sup>h</sup> " + minutes + " <sup>m</sup> " + seconds + " <sup>s</sup>");
            
        }else if(hours == 0 && minutes > 0){
            
            $("#contador").html("<span style='color:orange'>" + minutes + " <sup>m</sup> " + seconds + " <sup>s</sup></span>");
            
        }else if(minutes == 0 && seconds > 0){
            
            $("#contador").html("<span style='color:red'>" + seconds + " <sup>s</sup></span>");
            
        }else if(days == 0 && hours == 0 && minutes == 0 && seconds == 0){
            
            $("#contador").html("<span style='color:red; font-size:16px'>Finalizado</span>");
            
            $("#pjr").css("display", "none");
            
            $("#winner").css("display", "block");
            
        }
        
        setTimeout("CountDown()", 1000);
    
    }else {
        
        alert("Error en la fecha del contador");
        
    }
    
}
 

No se si el codigo esta correto o tiene algo de errores, me gustaría que me ayudaran en esto.

Un saludo

[garciasanchezdani]

Hola @MaNuX0218 ,¿puedes pasar también el código html? Te puedo echar un cable

Saludos.

[MaNuX0218]

Ya e solucionado el problema e consegido un código que me ha funcionado bien.

Lo que ahora aprovechando este tema...

¿Cómo podria hacer que el tiempo aparezca en varios ids y con su respectivos tiempos?

Por ejemplo tengo:

<div id="1">
<div id="contador">AQUI MOSTRARIA EL CONTADOR SUPUESTAMENTE CON EL ID 1</div>
</div>

Y aquí siguiria mostrando el contador pero con el tiempo para el id 2.

<div id="2">
<div id="contador">.... MOSTRAR ID 2</div>
</div>

Código Javascript:

function CountDown(){
        final = new Date(2015, 02, 15);
    
    date = new Date();
 
    difference = final - date;
 
    differenceSeconds = difference / 1000;
 
    differenceMinutes = differenceSeconds / 60;
 
    differenceHours = differenceMinutes / 60;
 
    differenceDays = differenceHours / 24;
 
    days = parseInt(differenceDays);
 
    hours = parseInt(differenceHours) - (parseInt(differenceDays) * 24);
 
    minutes = parseInt(differenceMinutes) - (parseInt(differenceHours) * 60);
 
    seconds = parseInt(differenceSeconds) - (parseInt(differenceMinutes) * 60);
    
    if(days <= 0 && hours <= 0 && minutes <= 0 && seconds <= 0){
            
        $("#contador").html("Finalizado");
            
    }else{
        
        $("#contador").html(days + " " + hours + " " + minutes + " " + seconds);
                    
    }
 
}
 

Un saludo.