Ver Mensaje Individual
  #1 (permalink)  
Antiguo 15/02/2016, 10:04
El_Astur
Invitado
 
Mensajes: n/a
Puntos:
Cuenta atrás Javascript

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!!!