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

博客展示了使用JavaScript和VBScript实现世界时钟功能的代码。JavaScript部分包含预加载图片函数和时钟更新函数,可获取不同地区时间;VBScript部分实现了计算世界时间的函数,最终在网页表格中显示香港、旧金山、纽约、伦敦、莫斯科的时间。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值