Hola a todos...

Tengo un reloj realizado en Javascript, y funciona, pero deseo detener el reloj con un botón, y que me muestre el reloj detenido. busqué en la web y existe una función que es clearInterval, pero no se como funciona. Estuve leyendo pero no entiendo como utilizarlo y en donde ponerlo en el reloj.

Muchas gracias.

Este es el código.

Código :

<script language="JavaScript">
setInterval("reloj()",1000)
function reloj() {
var fObj = new Date() ; 
var horas = fObj.getHours() ; 
var minutos = fObj.getMinutes() ; 
var segundos = fObj.getSeconds() ; 
var id = setInterval("reloj()",1000);
if (horas <= 9) horas = "0" + horas; 
if (minutos <= 9) minutos = "0" + minutos; 
if (segundos <= 9) segundos = "0" + segundos; 

    imprimirhora = horas + " : " + minutos + " : " + segundos;
    imprimirhora2 =  minutos;
   
   document.form_reloj2.reloj3.value = imprimirhora;
   document.form_reloj2.reloj4.value = imprimirhora2;
    
}
</script>
</head>

<body onload="reloj()">

<form name="form_reloj2" method="post" action="">
<input type="text" name="reloj3" size="10">
<input type="text" name="reloj4" size="10">
<input type="submit" name="submit" value="Enviar" />

</form>