Ejemplos en Javascript

Husos horarios del mundo

<HTML>
<HEAD>

<TITLE>Ejemplos Javascript: ejemplo pr???¡ctico </TITLE>

<SCRIPT language="JavaScript">

<!-- hide from old browsers

var Oggi = new Date();

var Fuso_orario = Oggi.getTimezoneOffset()/60;

var Ora_corrente=true;

var TO = null;

function stopclock ()

{

        if(Ora_corrente)

                clearTimeout(TO);

        Ora_corrente = false;

}

function startclock () {

        stopclock();

}

function TOfunc() {

       startclock();

       TO = window.setTimeout( "TOfunc()", 1000 );

       var scostamento_zona = document.maschera.zona_mondo.options[document.maschera.zona_mondo.selectedIndex].value; // document.forms[0].zona_mondo.options[document.forms[0].zona_mondo.selectedIndex].value;

       var ora_cor = new Date();

       var ore = ora_cor.getHours();

       var min = ora_cor.getMinutes();

       var secs = ora_cor.getSecond

       ore += parseInt(scostamento_zona) - Fuso_orario;

       document.maschera.locale.value = ora_cor.toString();

       ora_cor.setHours(ore);

       document.maschera.mondo.value = ora_cor.toString();

       Ora_corrente = true;

}

<!-- End Hiding -->

</SCRIPT>

</HEAD>

<BODY bgcolor="white">


<CENTER><FORM NAME="maschera">
  <TABLE>

    <TR>

      <TH Align=center>Hora local</TH>

      <TH Align=center>Husos horarios</TH>

    </TR>

    <TR>

      <TD Align=center>

        <SELECT NAME="zonalocale" onChange="if (selectedIndex != 0) {Fuso_orario=parseInt(this.options[selectedIndex].value);}">

        <OPTION VALUE="parseInt(Fuso_orario)" SELECTED> Hora local

        <OPTION VALUE="1">Londres GMT

        <OPTION VALUE="2">M???¼nich, Par???­s

        <OPTION VALUE="3">El Cairo, Atenas

        <OPTION VALUE="4">Kuwait, Mosc???º

        <OPTION VALUE="5">Mauritius

        <OPTION VALUE="6">Karachi

        <OPTION VALUE="7">Zona E7

        <OPTION VALUE="8">Bangkok

        <OPTION VALUE="9">Beijing, HongKong

        <OPTION VALUE="10">Se???ºl, Tokyo

        <OPTION VALUE="11">Sidney

        <OPTION VALUE="12">Zona E12

        <OPTION VALUE="-11">Wellington

        <OPTION VALUE="-10">Zona W11

        <OPTION VALUE="-9">Hawai

        <OPTION VALUE="-8">Ancorage

        <OPTION VALUE="-7">Los ???ngeles PST

        <OPTION VALUE="-6">Denver MST

        <OPTION VALUE="-5">Chicago CST

        <OPTION VALUE="-4">Nueva York US EST

        <OPTION VALUE="-3">Barbados

        <OPTION VALUE="-2">R???­o de Janeiro

        <OPTION VALUE="-1">Zona W2

        <OPTION VALUE="0">Zona W1 </SELECT></TD>

      <TD Align=center>

        <SELECT NAME="zona_mondo" onChange="TO=setTimeout( 'TOfunc()', 1000 )">

                <OPTION VALUE="1">Londres GMT

        <OPTION VALUE="2">M???¼nich, Par???­s

        <OPTION VALUE="3">El Cairo, Atenas

        <OPTION VALUE="4">Kuwait, Mosc???º

        <OPTION VALUE="5">Mauritius

        <OPTION VALUE="6">Karachi

        <OPTION VALUE="7">Zona E7

        <OPTION VALUE="8">Bangkok

        <OPTION VALUE="9">Beijing, HongKong

        <OPTION VALUE="10">Se???ºl, Tokyo

        <OPTION VALUE="11">Sidney

        <OPTION VALUE="12">Zona E12

        <OPTION VALUE="-11">Wellington

        <OPTION VALUE="-10">Zona W11

        <OPTION VALUE="-9">Hawai

        <OPTION VALUE="-8">Ancorage

        <OPTION VALUE="-7">Los ???ngeles PST

        <OPTION VALUE="-6">Denver MST

        <OPTION VALUE="-5">Chicago CST

        <OPTION VALUE="-4">Nueva York US EST

        <OPTION VALUE="-3">Barbados

        <OPTION VALUE="-2">R???­o de Janeiro

        <OPTION VALUE="-1">Zona W2

        <OPTION VALUE="0">Zona W1 </SELECT></TD>

    </TR>

    <TR>

      <TD Align=center>

        <INPUT type="text" name="locale" value="" size=24 onFocus="this.blur()" ></TD>

      <TD Align=center>

        <INPUT type="text" name="mondo" value="" size=24 onFocus="this.blur()" ></TD>

    </TR>

    <TR>

      <TD Align=center>

        <INPUT TYPE="button" NAME="Start" VALUE="Start" onClick="TO=setTimeout( 'TOfunc()', 1000 )"></TD>

      <TD Align=center>

        <INPUT TYPE="reset" NAME="Reset" VALUE="Reset" ></TD>

    </TR>

  </TABLE>

</FORM></CENTER>


</body>
</html>

Fechas y horarios