jQuery时间插件jquery.clock.js用法实例(5个示例)

(编辑：jimmy 日期: 2024/10/5 浏览：2)

本文实例讲述了jQuery时间插件jquery.clock.js用法。分享给大家供大家参考，具体如下：

Example 1:

Basic clock, no options

<html>
<head>
 <title>jclock</title>
 <mce:script type="text/javascript" src="/UploadFiles/2021-04-02/jquery-1.2.1.min.js">

Example 2:
Clock, non-UTC, with options


<html>
<head>
 <title>jclock</title>
 <mce:script type="text/javascript" src="/UploadFiles/2021-04-02/jquery-1.2.1.min.js">

Example 3:
Clock, UTC


<html>
<head>
 <title>jclock
 <mce:script type="text/javascript" src="/UploadFiles/2021-04-02/jquery-1.2.1.min.js">

Example 4:
Multiple clocks using different time zone offsets


<html>
<head>
 <title>jclock</title>
 <mce:script type="text/javascript" src="/UploadFiles/2021-04-02/jquery-1.2.1.min.js">

Example 5:
Styled clocks (first clock uses jquery.corner.js)


<html>
<head>
 <title>jclock</title>
 <mce:style type="text/css"><!--
  body {
   font: Verdana,Arial,sans-serif;
   /* An explicit background color is required for Safari. */
   /* Otherwise your corner chunks will come out black!  */
   background: #f8f0e0;
  }
  div.corner, div.nocorner {
   width: 10em;
   padding: 20px;
   margin: 1em;
   background: #f00;
   color: #000;
   text-align: center;
   font: verdana, arial, sans-serif;
  }
--></mce:style><style type="text/css" mce_bogus="1">  body {
   font: Verdana,Arial,sans-serif;
   /* An explicit background color is required for Safari. */
   /* Otherwise your corner chunks will come out black!  */
   background: #f8f0e0;
  }
  div.corner, div.nocorner {
   width: 10em;
   padding: 20px;
   margin: 1em;
   background: #f00;
   color: #000;
   text-align: center;
   font: verdana, arial, sans-serif;
  }
 </style>
 <mce:script type="text/javascript" src="/UploadFiles/2021-04-02/jquery-1.2.1.min.js">

希望本文所述对大家jQuery程序设计有所帮助。

        
            上一篇：分享jQuery插件的学习笔记
            下一篇：Jquery easyui开启行编辑模式增删改操作

jQuery时间插件jquery.clock.js用法实例(5个示例)

一句话新闻

最新资源