`
luliangok
  • 浏览: 816924 次
文章分类
社区版块
存档分类
最新评论

一个很好用的在线时钟(javascript)

 
阅读更多

<script language="JavaScript" type="text/JavaScript">
<!--

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function tick() {
var today,newtime1,newtime2,newtime3,newtime4,newtime5
today = new Date()
//Clock.innerHTML = today.toLocaleString().replace(/(年|月)/g, "/").replace(/日/, "");
//香港
newtime1 = TimeAdd(today.toGMTString(),"+0800")
Clock1.innerHTML = newtime1;
//旧金山
newtime2 = TimeAdd(today.toGMTString(),"-0700")
Clock2.innerHTML = newtime2;
//纽约
newtime3 = TimeAdd(today.toGMTString(),"-0400")
Clock3.innerHTML = newtime3;
//伦敦
newtime4 = TimeAdd(today.toGMTString(),"+0100")
Clock4.innerHTML = newtime4;
//莫斯科
newtime5 = TimeAdd(today.toGMTString(),"+0400")
Clock5.innerHTML = newtime5;
window.setTimeout("tick()", 1000);
}
//-->
</script>

<script language="vbscript">
<!--
//算世界时间
Function TimeAdd(UTC,T)
Dim PlusMinus, DST, y, hours, minutes, seconds, dn
If Left(T,1)="-" Then PlusMinus = -1 Else PlusMinus = 1
UTC=Right(UTC,Len(UTC)-5)
UTC=Left(UTC,Len(UTC)-4)
y = Year(UTC)
TimeAdd = DateAdd("n", (Cint(Mid(T,2,2))*60 + Cint(Mid(T,4,2))) * PlusMinus, UTC)
//TimeAdd = CDate(TimeAdd)
hours = hour(TimeAdd)
minutes = minute(TimeAdd)
seconds = second(TimeAdd)
if hours = 0 then hours = 12
if hours > 12 then
dn = "pm"
hours = hours - 12
else
dn = "am"
end if
if minutes < 10 then minutes = "0" + CStr(minutes)
if seconds < 10 then seconds = "0" + CStr(seconds)
TimeAdd = CStr(hours) + ":" + CStr(minutes) + ":" + CStr(seconds)+dn
End Function
//-->
</script>


<table width="770" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="223">&nbsp;</td>
<td width="547" class="userfont"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20%" class="userfont">香港&nbsp;<span id="Clock1"></span></td>
<td width="20%" class="userfont">旧金山&nbsp;<span id="Clock2"></span></td>
<td width="20%" class="userfont">纽约&nbsp;<span id="Clock3"></span></td>
<td width="20%" class="userfont">伦敦&nbsp;<span id="Clock4"></span></td>
<td width="20%" class="userfont">莫斯科&nbsp;<span id="Clock5"></span></td>
</tr>
</table>

分享到:
评论

相关推荐

    JavaScript开发一个时钟

    总结来说,开发一个JavaScript时钟涉及以下关键知识点: 1. HTML基础:创建基本的HTML结构,包括标题、样式链接和脚本链接。 2. CSS基础:设计时钟的样式,如尺寸、颜色、字体等。 3. JavaScript基础:使用`Date`...

    基于JavaScript的数字时钟

    JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它主要负责处理客户端的交互和动态效果。...对于初学者,这是一个很好的实践项目,有助于理解JavaScript事件处理、DOM操作和浏览器兼容性。

    基于javascript实现动态时钟效果

    本篇内容主要围绕如何使用JavaScript编程语言制作一个动态时钟效果,包括显示当前日期和时间,并且每秒更新一次,这种动态时钟在网页设计中能够提供实时的用户体验。 首先,需要了解JavaScript是一种高级的、解释型...

    javascript实现动态时钟

    这个项目的核心在于利用JavaScript的Date对象来实时获取当前时间,并通过CSS3来展示一个具有动态效果的时钟界面。 首先,JavaScript中的Date对象是处理时间的基础。我们可以创建一个新的Date实例来获取当前日期和...

    倒影时钟 javascript 倒影 时钟 源码 html IE

    描述中提到"用javascript写的练习脚本,代码很简单,适合初学者",这暗示了这个项目是一个教学资源,可能是一个简单的JavaScript代码示例,目的是帮助初学者学习如何使用JavaScript来创建动态效果,如倒影时钟。...

    一个javascript做的时钟

    JavaScript是一种广泛应用...对于初学者来说,这是一个很好的起点,可以深入理解JavaScript如何与网页交互,以及如何处理时间和日期。同时,通过阅读和理解这个时钟的代码,你也能提升自己在JavaScript编程方面的技能。

    javascript+html实现的时钟

    在JavaScript和HTML中实现一个时钟是一个经典的前端编程练习,它可以帮助我们理解DOM操作、事件循环以及时间处理等基础知识。这个程序通常会在浏览器环境中运行,通过JavaScript动态更新HTML页面来显示当前时间。 ...

    Javascript时钟

    在本篇文章中,我们将深入探讨如何利用JavaScript创建一个功能齐全的时钟,并理解其背后的原理。 首先,我们需要了解JavaScript中的Date对象。Date对象是JavaScript内建的全局对象,用于处理日期和时间。我们可以...

    通过JavaScript实现一个动态时钟

    【标题】"通过JavaScript实现一个动态时钟"的知识点解析 在Web开发中,JavaScript是一种不可或缺的编程语言,它能够使网页具有交互性。本文将深入探讨如何利用JavaScript来创建一个实时更新的动态时钟。这个功能...

    javascript写的时钟

    总的来说,一个JavaScript编写的时钟实例是学习和理解JavaScript基本语法、时间处理、DOM操作和动态效果实现的绝佳实践项目。通过深入研究这个例子,开发者可以提升自己在JavaScript实际应用中的技能。

    javascript时钟

    通过以上步骤,我们就可以创建一个简单的JavaScript 12小时制时钟。实际应用中,还可以考虑增加样式,使时钟更美观,或者添加其他功能,如显示秒数或日期。记得在浏览器环境中运行代码,确保时钟正常工作。

    网页显示电子时钟 javascript

    以上介绍了如何利用 JavaScript 和 HTML 实现一个简单的实时电子时钟。具体来说,通过 JavaScript 的 `Date` 对象获取当前时间,并通过 DOM 操作将时间显示在网页上。此外,还通过定时器实现了时间的实时更新。这种...

    javaScript时钟日历特效

    网络特效-时钟日历,有50个例子,非常好的JavaScript资料。

    原生JavaScript数字时钟-内含29种样式

    总的来说,原生JavaScript数字时钟项目是一个很好的学习实践,涵盖了基础的JavaScript编程、DOM操作、时间处理和CSS样式设计。通过这个项目,开发者可以提升自己的技能,同时也能创造出美观且实用的网页元素。无论是...

    HTML+CSS+JavaScript+Canvas实现一个粒子时钟

    HTML、CSS、JavaScript 和 Canvas 是构建现代网页动态效果的核心技术,它们共同构成了互联网上许多...同时,这也是一个很好的实践,可以帮助开发者提升在JavaScript编程、时间和日期处理以及Canvas绘图技巧方面的技能。

    javascript模拟LED电子时钟

    自己通过div组装一个LED时钟显示器,用javascript控制LED显示时间,一个很好的教学例子。

    简单的javascript时钟

    我个人编写的简单的javascript时钟 供初学朋友学习使用

    javascript经典特效---纯JavaScript时钟.rar

    总的来说,纯JavaScript时钟是一个很好的学习项目,它涵盖了基本的日期和时间处理、定时器以及DOM操作等多个JavaScript核心概念。通过实践这个项目,开发者可以提升对JavaScript动态交互的理解,同时锻炼到代码组织...

    JavaScript时钟

    本段代码展示了一个基于浏览器的JavaScript时钟实现方法。它通过动态创建HTML元素并在页面上定位它们来模拟时钟的功能。这个时钟不仅显示时间,还具有一定的视觉效果,比如模拟时针、分针和秒针的位置变化。 ### ...

Global site tag (gtag.js) - Google Analytics