Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/03/2016, 07:04
El_Astur
Invitado
 
Mensajes: n/a
Puntos:
Cuenta atrás hasta una fecha javascript

Buenas,

he realizado una cuenta atrás con javascript hasta una fecha. El problema es que al llegar a esa fecha el contador sigue contando en negativo, no para en 0 ni logro hacer que salga un mensaje que diga, por ejemplo, 'finalizado'. Alguien sabría cómo se puede enfocar esto? Dejo mi código:

Html:

Código:
   <span id="countdown"></span>
Javascript:

Código:
<script tyoe="text/javascript">
// fecha a la que llega la cuenta
var target_date = new Date("Mar 15, 2016").getTime();
 
// variables para las unidades de tiempo
var days, hours, minutes, seconds;
 
// agrego etiquetas
var countdown =  document.getElementById("countdown");
var days_span = document.createElement("span");
days_span.className = 'days';
countdown.appendChild(days_span);
var hours_span = document.createElement("span");
hours_span.className = 'hours';
countdown.appendChild(hours_span);
var minutes_span = document.createElement("span");
minutes_span.className = 'minutes';
countdown.appendChild(minutes_span);
var secs_span = document.createElement("span");
secs_span.className = 'secs';
countdown.appendChild(secs_span);
 
// actualizar el tiempo
setInterval(function () {
 
    var current_date = new Date().getTime();
    var seconds_left = (target_date - current_date) / 1000;
 
    days = parseInt(seconds_left / 86400);
    seconds_left = seconds_left % 86400;
     
    hours = parseInt(seconds_left / 3600);
    seconds_left = seconds_left % 3600;
     
    minutes = parseInt(seconds_left / 60);
    seconds = parseInt(seconds_left % 60);
     
  
    days_span.innerHTML = '<span>' + days + '</span>' + 'Days';
    hours_span.innerHTML = '<span>' + hours + '</span>' + 'Hours';
    minutes_span.innerHTML = '<span>' + minutes + '</span>' + 'Minutes';
    secs_span.innerHTML = '<span>' + seconds + '</span>' + 'Seconds';
  
    //countdown.innerHTML = days + "d, " + hours + "h, "
   // + minutes + "m, " + seconds + "s"; 
}, 1000);
</script>