цифровые часы jquery

Я пытаюсь использовать пример, основанный здесь: http://www.techtricky.com/jquery-code-to-show-time-in-other-countries/

Однако я новичок в JS и у меня проблемы. Я в основном пытаюсь заставить его показывать время без поля выбора.

Затем я попытаюсь показать несколько раз в разное время одновременно.

e.g.

+------------------+ | 10:14:14 pm | | 08:14:14 pm | | 06:14:14 pm | +------------------+

Я понимаю, что параметры var позволяют мне установить стиль и смещение времени. Однако функция немного меня смущает. Я пытался настроить автоматический запуск #zones, но не могу этого сделать, не выбирая что-то. (в идеале у меня вообще не было бы выбора, я попытался установить по умолчанию выбор зон, но это тоже не сработало) Я думаю, это потому, что функция имеет $("#zones").change поэтому будет работать только при изменении.

ТИА!


javascript clock
person Olly    schedule 11.01.2013    source источник
comment
Вы должны показать свой код.   -  person Mike Brant    schedule 11.01.2013

Ответы (2)


arrow_upward
1
arrow_downward

Вы можете сделать что-то уродливое. Очевидно, вы можете сделать это в цикле или что-то в этом роде, чтобы вам не пришлось писать свой код 3 раза, как я сделал здесь.

Кроме того, в документации jclock есть несколько примеров: https://sites.google.com/site/jqueryjclockjs/

    <html>
      <head>
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
      <script type="text/javascript" src="http://techtricky.com/wp-content/jquery/jquery.jclock.js"></script>
      <script type="text/javascript">
        $(document).ready(
            function() {
           $('#time-cont1').append('<div class="time"></div>');
               var options = {
                format:'<span class=\"dt\">%A, %d %B %I:%M:%S %P</span>',
                timeNotation: '12h',
                am_pm: true,
                fontFamily: 'Verdana, Times New Roman',
                fontSize: '20px',
                foreground: 'black',
                background: 'yellow',
                utc:true,
                utc_offset: 8
              }

              $('#time-cont1 .time').jclock(options);
              $('#time-cont2').append('<div class="time"></div>');
               var options = {
                format:'<span class=\"dt\">%A, %d %B %I:%M:%S %P</span>',
                timeNotation: '12h',
                am_pm: true,
                fontFamily: 'Verdana, Times New Roman',
                fontSize: '20px',
                foreground: 'black',
                background: 'yellow',
                utc:true,
                utc_offset: 6
              }

              $('#time-cont2 .time').jclock(options);
              $('#time-cont3').append('<div class="time"></div>');
               var options = {
                format:'<span class=\"dt\">%A, %d %B %I:%M:%S %P</span>',
                timeNotation: '12h',
                am_pm: true,
                fontFamily: 'Verdana, Times New Roman',
                fontSize: '20px',
                foreground: 'black',
                background: 'yellow',
                utc:true,
                utc_offset: -5
              }

              $('#time-cont3 .time').jclock(options);
         });
        </script>

      </head>
      <body>
        Country1: <div id="time-cont1"></div>
        Country2:  <div id="time-cont2"></div>
        Country3: <div id="time-cont3"></div>
      </body>
    </html>
person Tomer Arazy    schedule 11.01.2013

arrow_upward
1
arrow_downward

Вас может заинтересовать этот: Рафаэль - Полярные часы

person geniuscarrier    schedule 11.01.2013