同时显示世界各地时间的会走动的时钟

演示

XML/HTML Code

<div id="clock_hou" class="clock_container">
<div class="lbl">Houston, TX, USA</div>
<div class="clockHolder">
<div class="rotatingWrapper"><img class="hour" src="data:images/clock_hour.png" /></div>
<div class="rotatingWrapper"><img class="min" src="data:images/clock_min.png" /></div>
<div class="rotatingWrapper"><img class="sec" src="data:images/clock_sec.png" /></div>
<img class="clock" src="data:images/clock_face.png" />
</div>
<div class="digital">
<span class="hr"></span><span class="minute"></span> <span class="period"></span>
</div>
</div>
<div id="clock_dc" class="clock_container">
<div class="lbl">Washington, DC, USA</div>
<div class="clockHolder">
<div class="rotatingWrapper"><img class="hour" src="data:images/clock_hour.png" /></div>
<div class="rotatingWrapper"><img class="min" src="data:images/clock_min.png" /></div>
<div class="rotatingWrapper"><img class="sec" src="data:images/clock_sec.png" /></div>
<img class="clock" src="data:images/clock_face.png" />
</div>
<div class="digital">
<span class="hr"></span><span class="minute"></span> <span class="period"></span>
</div>
</div>
<div id="clock_beijing" class="clock_container">
<div class="lbl">Beijing</div>
<div class="clockHolder">
<div class="rotatingWrapper"><img class="hour" src="data:images/clock_hour.png" /></div>
<div class="rotatingWrapper"><img class="min" src="data:images/clock_min.png" /></div>
<div class="rotatingWrapper"><img class="sec" src="data:images/clock_sec.png" /></div>
<img class="clock" src="data:images/clock_face.png" />
</div>
<div class="digital">
<span class="hr"></span><span class="minute"></span> <span class="period"></span>
</div>
</div>

JavaScript Code

<script>
$(document).ready(function(){
$('#clock_hou').jClocksGMT({offset: '-5', hour24: true});
$('#clock_dc').jClocksGMT({offset: '-4', digital: false});
$('#clock_beijing').jClocksGMT({offset: '+8'});
});
</script>

原文地址:http://www.freejs.net/article_jquerywenzi_184.html

同时显示世界各地时间的会走动的时钟相关推荐

苹果手机显示与服务器时间相差较大,iOS14时钟与系统时间不同吗 ios14时钟小组件时间不准怎么调整...
iOS14是目前苹果手机更新的最新版,很多人都更新到了最新版,可是更新之后发现iOS14时钟与系统的时间对不上,慢了整整三个小时,下面一起来看看ios14时钟小组件时间不准怎么调整吧! 苹果iOS14 ...
计算机网络app出现时间,一款能同时显示世界各国主要城市时间的时钟软件
一款能同时显示世界各国主要城市时间的时钟软件 ZoneTick_World_Time ZoneTick World Time Zone Clock 这架时钟依据你的系统时钟和几次提供区域.你能够把一称 ...
java显示多个地区时钟_Java实现的动态数字时钟功能示例【显示世界时间】
本文实例讲述了java实现的动态数字时钟功能.分享给大家供大家参考,具体如下: 构建: 1. clock继承 jframe 为运行页面 2. clocktext 测试类创建 clock 对象运行效 ...
javaScript实现世界各地时间显示
代码如下: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF- ...
js 实时显示不同时区时间
js 实时显示不同时区时间钟表先讲一个与时间有关"千年虫"事件,千年虫是一种年份只用两位十进制数来处理的程序来处理日期上的bug(计算机程序故障),会引发各种各样的系统功能紊乱, ...
linux dmesg 显示可读时间格式
dmesg -T 直接用dmesg显示系统信息,很难看 [95721.670025] snapshot device recevied [read] io request, access on dev ...
计算机显示时区怎么更改,电脑如何设置显示多时区时间？
不少朋友需要与处于不同时区的人协同工作,或是与不同时区的家人或朋友进行聊天沟通.这时就需要知道不同时区对应的时间了,否则就很容易打扰到对方.那么我们电脑要如何设置显示多个时区时间呢?下面就一起来看看设 ...
【Servlet】Cookie应用：显示上次访问页面时间
#Q题目要求: 显示上次访问页面时间,并添加清除Cookie功能如下图: 清除Cookie #A 代码实现Cookie显示上次访问时间 package com.tcb.cookie;import ...
Java黑皮书课后题第6章：**6.24（显示当前日期和时间）程序清单2-7显示当前时间。改进这个例子，显示当前的日期和时间。程序清单6-12中的日历例子可以提供一些如何提供如何求年月日的思路
6.24(显示当前日期和时间)程序清单2-7显示当前时间.改进这个例子,显示当前的日期和时间.程序清单6-12中的日历例子可以提供一些如何提供如何求年月日的思路题目题目描述 2-7显示当前时间从 ...

同时显示世界各地时间的会走动的时钟

同时显示世界各地时间的会走动的时钟

同时显示世界各地时间的会走动的时钟相关推荐

最新文章

热门文章