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>