Buenas,
he realizado una cuenta atrás con javascript, el problema está en que no logro hacer que cuando termine quede en 0 y reinicie de nuevo la cuenta atrás, ya que no tiene que redirigir a otro sitio ni nada....
¿Alguien sabría cómo se puede hacer?, mi código es:
html: Código HTML:
<div id="countdown" class="timer"></div>
Javascript: Código HTML:
//cuenta atrás
function randomIntFromInterval(min,max){
return Math.floor(Math.random()*(max-min+1)+min);
}
var target_date = new Date(),
base = 10 * 10 * 0.5,
variable = randomIntFromInterval(0, base);
target_date.setSeconds(target_date.getSeconds() + base + variable);
// variables para las unidades de tiempo
var hours, minutes, seconds;
// conseguir elemento
var countdown = document.getElementById("countdown");
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 la etiqueta con el id countdown cada 1 seg.
setInterval(function () {
// encontrar la cantidad de segundos entre hoy el día final
var current_date = new Date().getTime();
var seconds_left = (target_date - current_date) / 1000;
// cálculos de tiempo
hours = parseInt(seconds_left / 3600);
seconds_left = seconds_left % 3600;
minutes = parseInt(seconds_left / 60);
seconds = parseInt(seconds_left % 60);
// formato de string de cuenta atrás + valor de tag.
hours_span.innerHTML = '<span>' + '0' + hours + '</span>' + 'Hours';
minutes_span.innerHTML = '<span>' + '0' + minutes + '</span>' + 'Mins';
secs_span.innerHTML = '<span>' + seconds + '</span>' + 'Secs';
}, 1000);
Un saludo!!!