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 )
** como hago para que nos ea tan vulnerable ya que he intentado tomar la fecha con php pero igual si se cmabia la fecha de mi computador el contador se vee afectado.
tengo lo siguiente:
Código:
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"> </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.