JavaScript - ayuda reiniciar contador regrisivo

   
Vista:

ayuda reiniciar contador regrisivo

Publicado por efren (1 intervención) el 10/04/2015 08:02:04
Hola amigos, escribo por aqui buscando algo de ayuda tengo la siguiente funcion, para iniciar un contador regresivo pero quiero que a lo que llegue a ciertos segundos y si el usuario oprime un boton se reinicie de nuevo los segundos

ejemplo:

contador:
faltan:
dias: 04 horas 02 minutos 03 segundos 12

a lo que el contador llegue a:

dias: 00 horas 00 minutos 00 segundos 20

a lo que llegue a 20 segundos o menor o igual a 20 segundos y si se actualiza un campo en la bd se inicie en 20 segundos de nuevo ( claro si el usuario visitante oprime el boton de reinicio )

tengo lo siguiente:

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
var anioFinal = 2018
var mesFinal = 12
var diaFinal = 25
var horaFinal = 4
var minutoFinal = 5
var segundoFinal = 0
 
mesFinal -= 1
function faltan()
{
fechaFinal = new Date(anioFinal,mesFinal,diaFinal,horaFinal,minutoFinal,segundoFinal)
fechaActual = new Date()
diferencia = fechaFinal - fechaActual
diferenciaSegundos = diferencia /1000
diferenciaMinutos = diferenciaSegundos/60
diferenciaHoras = diferenciaMinutos/60
diferenciaDias = diferenciaHoras/24
diferenciaHoras2 = parseInt(diferenciaHoras) - (parseInt(diferenciaDias) *24)
diferenciaMinutos2 = parseInt(diferenciaMinutos) - (parseInt(diferenciaHoras) * 60)
diferenciaSegundos2 = parseInt(diferenciaSegundos) - (parseInt(diferenciaMinutos) * 60)
diferenciaDias = parseInt(diferenciaDias)
if (diferenciaDias < 10 && diferenciaDias > -1){diferenciaDias = "0" + diferenciaDias}
if(diferenciaHoras2 < 10 && diferenciaHoras2 > -1){diferenciaHoras2 = "0" + diferenciaHoras2}
if(diferenciaMinutos2 < 10 && diferenciaMinutos2 > -1){diferenciaMinutos2 = "0" + diferenciaMinutos2}
if(diferenciaSegundos2 < 10 && diferenciaSegundos2 > -1){diferenciaSegundos2 = "0" + diferenciaSegundos2}
if(diferenciaDias <= 0 && diferenciaHoras2<= 0 && diferenciaMinutos2 <= 0 && diferenciaSegundos2 <= 0)
{
diferenciaDias = 0
diferenciaHoras2 = 0
diferenciaMinutos2 = 0
diferenciaSegundos2 = 0
 
document.getElementById('tiempo').innerHTML =diferenciaDias + ':' + diferenciaHoras2 + ':' + diferenciaMinutos2 + ':' + diferenciaSegundos2
}
else{
 
document.getElementById('tiempo').innerHTML = diferenciaDias + ':' + diferenciaHoras2 + ':' + diferenciaMinutos2 + ':' + diferenciaSegundos2
setTimeout('faltan()',1000)
}
}

lo imprimo en lo siguiente

<style type="text/css">
<!--
.faltan {
font-family: Berlin Sans FB Demi;
font-size: 50px;
color: #ffffff;
background-color: #000000;
text-align: center;
font-weight: bold;
}


-->
</style>
<table border="0" width="380" cellspacing="1">
<tr>
<td align ="center" nowrap class="faltan" width="331" height="59"><span id="tiempo">&nbsp;</span></td>
</tr>
<tr>
<form>
<input type="submit" name="" value="reiniciar">
</form>
</tr>
</table>

<script>faltan()</script>

amigos no se si me di a entender pero estoy intentando que si los segundos llegan a menor o igual a 20 y solo si el usuario oprime el boton, el contador coloque los segundos nuevamente en 20. si alguien puede guiarme me seria de mucha ayuda.
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