JQuery - Temporizador

 
Vista:
sin imagen de perfil

Temporizador

Publicado por Alexander (1 intervención) el 03/11/2017 20:07:45
Buenas, tengo un problema, necesito un temporizador de cuenta regresiva, ya se que hay muchos plugins para poder realizar uno, pero quisiera entender un poco el código que se utiliza.

Por otra parte, quisiera modificar el código de un cronometro y convertirlo en un temporizador de cuenta regresiva, quizás alguien pueda ayudarme,. acá el código:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
$(document).ready(function(){
 
    var tiempo = {
        hora: 0,
        minuto: 0,
        segundo: 0
    };
 
    var tiempo_corriendo = null;
 
    $("#btn-comenzar").click(function(){
        if ( $(this).text() == 'Comenzar' )
        {
            $(this).text('Detener');
            tiempo_corriendo = setInterval(function(){
                // Segundos
                tiempo.segundo++;
                if(tiempo.segundo >= 60)
                {
                    tiempo.segundo = 0;
                    tiempo.minuto++;
                }
 
                // Minutos
                if(tiempo.minuto >= 60)
                {
                    tiempo.minuto = 0;
                    tiempo.hora++;
                }
 
                $("#hour").text(tiempo.hora < 10 ? '0' + tiempo.hora : tiempo.hora);
                $("#minute").text(tiempo.minuto < 10 ? '0' + tiempo.minuto : tiempo.minuto);
                $("#second").text(tiempo.segundo < 10 ? '0' + tiempo.segundo : tiempo.segundo);
            }, 1000);
        }
        else
        {
            $(this).text('Comenzar');
            clearInterval(tiempo_corriendo);
        }
    })
})

Muchas gracias.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder