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>
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);