mostrar horas de distintos paises en varios inputs

[jesus1975]

al final ya he dado con la solucion... la dejo por si a alguien le hace falta alguna vez... la verdad era mas sencillo de lo que creia...

Código Javascript:

function mueveReloj(){ 
    momentoActual = new Date() 
    hora = momentoActual.getHours() 
    minuto = momentoActual.getMinutes() 
    segundo = momentoActual.getSeconds() 
 
    str_segundo = new String (segundo) 
    if (str_segundo.length == 1) 
       segundo = "0" + segundo 
 
    str_minuto = new String (minuto) 
    if (str_minuto.length == 1) 
       minuto = "0" + minuto 
 
    str_hora = new String (hora) 
    if (str_hora.length == 1) 
       hora = "0" + hora 
 
    horaImprimible = hora + " : " + minuto
    document.form_reloj.madrid.value = horaImprimible
    
    hora2 = hora + 10;
    if(hora2 > 23){
        resto = 24 - hora;
        aumento = 10 - resto;
        hora2 = aumento;    
    } 
    horaImprimible2 = hora2 + " : " + minuto
    document.form_reloj.wellington.value = horaImprimible2
    
    hora3 = hora + 7;
    if(hora3 > 23){
        resto = 24 - hora;
        aumento = 7 - resto;
        hora3 = aumento;    
    } 
    horaImprimible3 = hora3 + " : " + minuto
    document.form_reloj.tokio.value = horaImprimible3
    
    hora4 = hora + 2;
    if(hora4 > 23){
        resto = 24 - hora;
        aumento = 2 - resto;
        hora4 = aumento;    
    } 
    horaImprimible4 = hora4 + " : " + minuto
    document.form_reloj.moscu.value = horaImprimible4
    
    hora5 = hora + 9;
    if(hora5 > 23){
        resto = 24 - hora;
        aumento = 9 - resto;
        hora5 = aumento;    
    } 
    horaImprimible5 = hora5 + " : " + minuto
    document.form_reloj.vladivostok.value = horaImprimible5
}
 

y el html

Código HTML:

<form name="form_reloj">
            <div class="horarios">
                <div class="ciudadHoraria">Wellington<br />              
                    <input type="text" name="wellington" size="10" class="inputReloj" onfocus="window.document.form_reloj.reloj.blur()">
                </div>
                <div class="separador"></div>
                <div class="ciudadHoraria">Tokio<br />
                    <input type="text" name="tokio" size="10" class="inputReloj" onfocus="window.document.form_reloj.reloj2.blur()">
                </div>
                <div class="separador"></div>
                <div class="ciudadHoraria">Madrid<br />
                    <input type="text" name="madrid" size="10" class="inputReloj" onfocus="window.document.form_reloj.reloj3.blur()">
                </div>
                <div class="separador"></div>
                <div class="ciudadHoraria">Moscú<br />
                    <input type="text" name="moscu" size="10" class="inputReloj" onfocus="window.document.form_reloj.reloj4.blur()">
                </div>
                <div class="separador"></div>
                <div class="ciudadHoraria">Vladivostok<br />
                    <input type="text" name="vladivostok" size="10" class="inputReloj" onfocus="window.document.form_reloj.reloj5.blur()">               
                </div>
            </div>
            </form>