[SOLUCIONADO] como repetir un script

[yendaru]

Hola, estoy haciendo una web, el detalle es que quiero poner 3 relojes, puse el primero que es hora local, otro que es hora UTC y para finalizar el horario de otro lugar segun horario UTC, bueno en este ultimo repeti el codigo del primero, ahora que hize eso, desaparece el primer reloj, hay alguna manera de poder repetir estos relojes?, estoy trabajando con etiquetas div

Código PHP:

  <!-- Script reloj --> 
 
<script language="JavaScript" type="text/javascript"> 
 <!-- 
 
function show5(){ 
if (!document.layers&&!document.all&&!document.getElementById) 
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="Hora Local:   "+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("reloj").innerHTML=myclock 
setTimeout("show5()",1000) 
 } 
 
window.onload=show5 
 //--> 
 </script>  
  

en el html puse esto

Código PHP:

  <div id="reloj"></div>  
   

gracias

[pzin]

No sé si será la mejor forma, porque de JavaScript mucho no sé, pero podrías pasarle algunos parámetros a la función y calcular la hora:

Código Javascript:

function show5(id, dif) {
  if (!document.layers && !document.all && !document.getElementById) return
 
  dif = typeof dif !== 'undefined' ? dif : 0
 
  var Digital = new Date()
  var res = Digital.setHours(dif)
 
  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 = "Hora Local:   <b>" + hours + ":" + minutes + ":" + seconds + " " + dn + "</b>"
  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(id).innerHTML = myclock
  setTimeout("show5('" + id + "'," + dif + ")", 1000)
}
 
window.onload = show5('reloj1')
window.onload = show5('reloj2', -2)
window.onload = show5('reloj3', 7)
 

Y luego en el HTML creas los elementos con los identificadores que indicas en los parámetros de la función:

Código HTML:

<div id="reloj1"></div>
<div id="reloj2"></div>
<div id="reloj3"></div>
 

Quité la etiqueta font, ya que lleva obsoleta algunos añitos.

Para las dudas sobre JavaScript, mejor publicar en el foro de JavaScript.