0

以下のコードを使用して、サイトの現地時間を正常に表示できます。ZurbFoundation3で構築されたサイトでこれを使用しています-追加のプラグインをロードしないようにしたいと思います。

a）ユーザー側の時刻ではなく、常にシドニーの時刻を表示するようにするにはどうすればよいですか？完全に異なるスクリプトではなく、以下のコードを使用してこれを行う方法はありますか？

b）さらに、簡単に修正できる場合、どの曜日であるかを表示させるにはどうすればよいですか？

     function updateClock ( )

    

{
      var currentTime = new Date ( );
      var currentHours = currentTime.getHours ( );
      var currentMinutes = currentTime.getMinutes ( );
      var currentSeconds = currentTime.getSeconds ( );    



      // Pad the minutes and seconds with leading zeros, if required
       currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
       currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;

          // Choose either "AM" or "PM" as appropriate
           var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM"; 



         // Convert the hours component to 12-hour format if needed
           currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours; 



      // Convert an hours component of "0" to "12"
           currentHours = ( currentHours == 0 ) ? 12 : currentHours;

          // Compose the string for display
           var currentTimeString = currentHours + ":" + currentMinutes + ":" + currentSeconds + " " + timeOfDay;


        $("#clock").html(currentTimeString); }

$(document).ready(function()
{setInterval('updateClock()', 1000);
});
4

1 に答える 1

2

このリンクを試してください

http://www.techtricky.com/jquery-code-to-show-time-in-different-countries/

そして、デモは結果に日の名前を示しています。

HTMLとJS：

<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() {
           $("#zones").change(function(){
           if ($('#time-cont .time').length>0){ $('#time-cont .time').remove();}
       var offset = $(this).val();    
           if (offset == '') return;       

       $('#time-cont').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: offset
          }

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

  </head>
  <body>
   <select id="zones">
    <option value="">--Select--</option>
    <option value="10">Australia</option> // Australia UTC offset value is 10
    <option value="8">China</option>
    <option value="5.5">India</option>
    <option value="12">Newzealand</option>
    <option value="0">UK</option>
    <option value="-5">US EST</option>

  </select>
  <div id="time-cont"></div>
  </body>
</html>
于 2013-03-27T11:43:30.550 に答える