Botón "parar" y recibir valores en temporizador

OPMUANRK · #1 (**permalink**) 01/08/2015, 22:33

Hola, me econtré un código de Javascript de un temporizador, le cambié para que empezara al darle clic a un botón, pero quiero que también tenga un botón de "parar/reiniciar", y también que reciba horas por un campo de texto en vez desde el código, aquí está el código:

Código Javascript:

Ver original<script language="javascript">
//Variables que determinan el total de horas, minutos y segundos para la cuenta atrás
toHour=1;
toMinute=0;
toSecond=0;
 
//Cuenta atrás
function countDown()
{
toSecond=toSecond-1;
if(toSecond<0)
{
toSecond=59;
toMinute=toMinute-1;
}
form.second.value=toSecond;
 
if(toMinute<0)
{
toMinute=59;
toHour=toHour-1;
}
form.minute.value=toMinute;
 
form.hour.value=toHour;
if(toHour<0)
{
//Final
form.second.value=0;
form.minute.value=0;
form.hour.value=0;
}else{
setTimeout("countDown()",1000);
}
}
</script>

Y aquí el HTML (Incluído en el mismo documento)

Código HTML:

Ver original<style type="text/css">
.form_input
{
font-family: Verdana;
font-size: 12;
color: #ffffff;
border-width: 0;
background-color: #000077;
text-align: right;
}
</style>
</head>
 
<body>
<form name="form">
Tiempo restante: 
<input type="text" size="5" class="form_input" name="hour" disabled>:
<input type="text" size="5" class="form_input" name="minute" disabled>:
<input type="text" size="5" class="form_input" name="second" disabled>
<input type="button" name="empezar" id="empezar" value="Empezar" onclick="countDown()"/>
</form>

¿Alguien que me ayude? :DD

Gracias