0

私はここに基づいた例を使用しようとしています：http ：//www.techtricky.com/jquery-code-to-show-time-in-different-countries/

しかし、私はJSに不慣れで、問題を抱えています。私は基本的に、選択ボックスなしで時間を表示するようにしようとしています。

次に、一度に複数の異なる時間を表示しようとします。

例えば

+ ------------------ + | 午後10時14分14秒| | 08:14:14 pm | | 06:14:14 pm | + ------------------ +

varオプションを使用すると、スタイルと時間オフセットを設定できることに気付きました。しかし、機能は私が混乱しているビットです。#zonesを自動的に実行するように設定しようとしていますが、何かを選択しないと実行できません。（理想的には、そこにselectがまったくないので、デフォルトをzones selectに設定しようとしましたが、それも機能しませんでした）関数に$（ "＃zones"）があるためだと思います。変更なので、変更時にのみ実行されます。

TIA！

4

2 に答える 2

1

あなたはこれに興味があるかもしれません： ラファエル-極時計

于 2013-01-11T19:44:21.190 に答える
1

あなたはそのような醜いことをすることができます明らかにあなたはループか何かでそれをすることができるのであなたは私がここでしたようにあなたのコードを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>
于 2013-01-11T17:24:31.253 に答える