
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:
Muchas gracias.
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


0