cambiar color a reloj

[jumago]

Hola amigos tengo un problema con un pequeño reloj digital hecho en Javascript.

El reloj aparece en color negro y me gustaría ponerlo de color rojo. ¿Me ayudáis porfavor?

Gracias y aquí os dejo el código del reloj:

<!-- RELOJ DIGITAL -->

<span id="liveclock"></span>
<script language="JavaScript" type="text/javascript">
<!--

function show5(){
if (!document.layers&&!document.all&&!document.getEle mentById)
return

var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()

var dn="PM"
if (hours<12)
dn="AM"
if (hours>12)
hours=hours-12
if (hours==0)
hours=12

if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
//change font size here to your desire
myclock="<font size='1' face='Arial' ></font>"+hours+":"+minutes+":"
+seconds+" "+dn+"</b></font>"
if (document.layers){
document.layers.liveclock.document.write(myclock)
document.layers.liveclock.document.close()
}
else if (document.all)
liveclock.innerHTML=myclock
else if (document.getElementById)
document.getElementById("liveclock").innerHTML=myc lock
setTimeout("show5()",1000)
}


window.onload=show5
//-->
</script>

<!-- FIN RELOJ DIGITAL -->

[txemaarbulo]

En algunas páginas trabajo los relojes y cronometros (cuenta atrás, etc.) con imágenes. Se me ocurre (debería funcionar)

Código HTML:

<span id="liveclock" style="color:#FF0000;"></span>
 

Podrías cambiar a negrita, tamaño del texto, etc, siempre en base a CSS (style)

[jarios]

Buenas:

Desconozco si estoy troleando ya que me voy de la pregunta pero ¿en tu codigo es necesario que uses document.layers y document.all?. Por lo poco que he leido lo de layers va por Netscape. No te vale con usar solamente document.getElementById("liveclock").innerHTML o es que no funciona en todos?

Código Javascript:

function show5(){
 
var Digital=new Date();
var hours=Digital.getHours();
var minutes=Digital.getMinutes();
var seconds=Digital.getSeconds();
 
var dn="PM";
if (hours<12)
dn="AM";
if (hours>12)
hours=hours-12;
if (hours==0)
hours=12;
if (minutes<=9)
minutes="0"+minutes;
if (seconds<=9)
seconds="0"+seconds;
//change font size here to your desire
myclock="<font size='1' face='Arial' ></font>"+hours+":"+minutes+":"
+seconds+" "+dn+"</font>";
document.getElementById("liveclock").innerHTML=myclock;
setTimeout(show5,1000);
}
 
window.onload = show5();
 

Saludos.