mostrar horas de distintos paises en varios inputs

jesus1975 · #1 (**permalink**) 21/07/2013, 08:26

Buenas, despues de estar googleando y no haber encontrado nada... a ver si os ocurre como puedo solucionar este problema.. realmente no es un input es en varios inputs... que me equivoque en el titulo

Necesito mostrar la hora de distinto paises en la web, he creado un input y se muestra la hora perfectamente, el problema es que ahora no se como hacer para hacer otro input pero que me muestre una hora con 3 horas adelantadass...

Una ayudita... gracias de antemano... dejo codgooo

Codigo javascritp

Código Javascript:

Ver originalfunction 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.reloj.value = horaImprimible
}

Codigo html

Código HTML:

Ver original<body onload="mueveRejoj()">
<form name="form_reloj"> 
                    <input type="text" name="reloj" size="10" class="inputReloj" onfocus="window.document.form_reloj.reloj.blur()"> 
                </form>
</body>

jesus1975 · #2 (**permalink**) 21/07/2013, 10:31

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:

Ver originalfunction 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:

Ver original<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>