Question

我在网上发现了一个jQuery时钟（很棒，你应该抓住它！）但是我想显示时间而不必从下拉列表中选择（参见例如：http://www.robertmeans.com/clock）。我对jQuery一无所知。我怎样才能修改这个时钟，以便只显示时间而不必做出选择？我希望能够放置我想要的任何UTC偏移，并在那个时间打印时钟。

<html>
  <head>
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js</script>
  <script type="text/javascript" src="scripts/jclock.js"></script>
  <link rel="stylesheet" href="css/homepage.css" />
  <script type="text/javascript">
    $(document).ready(
    function() {
       $("#zones_Australia").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 %H:%M:%S</span>',
        timeNotation: '12h',
        am_pm: true,
        utc:true,
        utc_offset: offset
      }

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

  </head>
  <body>
   <select id="zones_Australia">
    <option value="">--Select--</option>
    <option value="-7">US Pacific</option>
  </select>
  </body>
</html>

Answer 1

我认为这应该有效：

     $(document).ready(
        function() {

           if ($('#time-cont .time').length>0){ $('#time-cont .time').remove();}
//set the offset here       
var offset = -7;    
           if (offset == '') return;       

       $('#time-cont').append('<div class="time"></div>');

           var options = {
            format:'<span class=\"dt\">%a, %d %b %H:%M:%S</span>',
            timeNotation: '12h',
            am_pm: true,
            utc:true,
            utc_offset: offset
          }

          $('#time-cont .time').jclock(options);
     });

从MIT jQuery时钟中删除下拉选择器

1 个答案: