cambiar el color a la hora

[juansiruiz]

hola amigos aqui tengo un script que tengo, la cual tiene como funcion mostrar la hora en un textfield y detenerse con un boton y enviar esa informacion a un hiddenfield, todo funciona bien, pero lo que quiero hacer es lo siguiente: tener un color de la hora cuando esta funcionando y cambiar color cuando lo detenga con el boton.

este es mi codigo:

Código PHP:

 <script language="javascript" type="text/javascript"> 
         
        function $(v) { 
            return document.getElementById(v); 
        } 
         
        var lastIntervalID; 
         
        function setFechaHora(s) { 
            var d = new Date(); 
            var hours = d.getHours(); 
            var mins = d.getMinutes(); 
            var sec = d.getSeconds(); 
            //alert(hours + ":" + mins + ":" + sec); 
            var  
            value = hours + ":" + mins + ":" + sec; 
            var obj = $(s); 
             
            obj.value = value; 
} 
         
        function setHiddenValue(c) { 
         
            $('_' + c).value = $(c).value; 
            window.clearInterval($(c).attributes['interval'].value); 
             
        } 
         
        function loadTimers() { 
         
         
        <?php 
if(!$recibida) echo "$('recibida').attributes['interval'].value = window.setInterval('setFechaHora(\'recibida\');', 1000);"; 
if(!$montada) echo "$('montada').attributes['interval'].value = window.setInterval('setFechaHora(\'montada\');', 1000);"; 
if(!$procedidesde) echo "$('procedidesde').attributes['interval'].value = window.setInterval('setFechaHora(\'procedidesde\');', 1000);"; 
if(!$procedihasta) echo "$('procedihasta').attributes['interval'].value = window.setInterval('setFechaHora(\'procedihasta\');', 1000);"; 
//if(!$recibida2) echo "$('recibida2').attributes['interval'].value = window.setInterval('setFechaHora(\'recibida2\');', 1000);"; 
//if(!$montada2) echo "$('montada2').attributes['interval'].value = window.setInterval('setFechaHora(\'montada2\');', 1000);"; 
//if(!$procdesde) echo "$('procdesde').attributes['interval'].value = window.setInterval('setFechaHora(\'procdesde\');', 1000);"; 
//if(!$prochasta) echo "$('prochasta').attributes['interval'].value = window.setInterval('setFechaHora(\'prochasta\');', 1000);"; 
if(!$codesde) echo "$('codesde').attributes['interval'].value = window.setInterval('setFechaHora(\'codesde\');', 1000);"; 
if(!$correccionhasta) echo "$('correccionhasta').attributes['interval'].value = window.setInterval('setFechaHora(\'correccionhasta\');', 1000);"; 
if(!$coordesde) echo "$('coordesde').attributes['interval'].value = window.setInterval('setFechaHora(\'coordesde\');', 1000);"; 
if(!$coorhasta) echo "$('coorhasta').attributes['interval'].value = window.setInterval('setFechaHora(\'coorhasta\');', 1000);"; 
if(!$avisoesperadesde) echo "$('avisoesperadesde').attributes['interval'].value = window.setInterval('setFechaHora(\'avisoesperadesde\');', 1000);"; 
if(!$avisoesperahasta) echo "$('avisoesperahasta').attributes['interval'].value = window.setInterval('setFechaHora(\'avisoesperahasta\');', 1000);"; 
if(!$pdf) echo "$('pdf').attributes['interval'].value = window.setInterval('setFechaHora(\'pdf\');', 1000);"; 
?>    function tiempo1(){ 
 alert("Su Tiempo ha Terminado, debe terminar el Montaje y comenzar Edición"); 
} 
function tiempo2(){ 
 alert("Su Tiempo ha Terminado, debe terminar la Edición y comenzar Corrección"); 
} 
function tiempo3(){ 
 alert("Su Tiempo ha Terminado, debe terminar Corrección y comenzar Coordinador"); 
} 
function tiempo4(){ 
 alert("Su Tiempo ha Terminado, debe terminar Coordinador y comenzar Tiempo de Espera"); 
} 
function tiempo5(){ 
 alert("Su Tiempo ha Terminado, debe terminar El Tiempo de Espera y comenzar PDF"); 
}  
function tiempo6(){ 
 alert("Su Tiempo ha Terminado, debe terminar el Montaje y comenzar Edición"); 
}    
function tiempo7(){ 
 alert("Su Tiempo ha Terminado, debe terminar la Edición y comenzar Corrección"); 
}  
      timeout = { 
           'id' : 0, 
            'iniciar': function(funcion_a_ejecutar, tiempo) { 
                timeout.id = setTimeout(funcion_a_ejecutar, tiempo); 
            }, 
           'detener' : function() { 
             window.clearTimeout(timeout.id); 
         }, 
      } 
    </script>  

Código PHP:

 <body onload="new Accordian('basic-accordian',5,'header_highlight'); loadTimers();popUp(URL)"> 
<td bgcolor="#EEEEEE"><input name="montada" type="text" id="montada" value="<? echo "$montada"; ?>" readonly interval="" /></td> 
          <td bgcolor="#EEEEEE"><input type="button" name="button2" id="button2" value="Terminado" onclick="setHiddenValue('montada');timeout.detener(tiempo1);"/> 
<input type="hidden" name="_montada" id="_montada" value="<? echo "$montada"; ?>" /></td>  

espero por su ayuda, se les agradece...

[maycolalvarez]

no entendí bien, pero solo debes cambiar el estilo color para el texto:

document.getElementById('id_del_input').style.color="color";

color puede ser predefinido: red, green, blue o hexadecimal: #FF0000 (rojo)

[juansiruiz]

el script funciona bien, pero lo que quiero hacer en el fondo es ocultar la hora hasta que ejecute el boton y lo que quiero es que la hora al momento de hacer el stop cambie el color

[juansiruiz]

alguien me puede ayudar con este script, solo quiero cambiar los colores al bendito reloj