Jquery数字时钟

jquery digital clock

本文关键字：时钟 数字 Jquery      更新时间：2023-09-26

我试图使用基于这里的例子:http://www.techtricky.com/jquery-code-to-show-time-in-different-countries/

然而，我是新的JS和我有麻烦。我基本上是想让它显示没有选择框的时间。

我将尝试同时显示多个不同的时间。

。

+------------------+[10:14:14 PM[08:14:14 PM[06:14:14 PM+------------------+

我意识到var选项允许我设置样式和时间偏移。然而，函数是位我感到困惑。我一直试图将#zones设置为自动运行，但不需要选择一些东西就无法实现。(理想情况下，我不会有选择在那里，我试图设置一个默认的区域选择，但这也不起作用)我认为这是因为函数有$("#zones")。change so将只在更改时运行。

TIA !

你可以做一些难看的事情显然你可以在循环中这样你就不需要像我在这里写三遍代码

在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>

你可能会对这个感兴趣:Raphael - Polar Clock

相关文章：