本文实例讲述了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程序设计有所帮助。