无标题文档

全球时间

演示效果：用下拉菜单选择地区

代码提示：按下面的说明修改并复制代码

第一步:把如下代码加入<body>区域中
 <div id="OffSet" style="position:absolute;width:60px;height:20px">
<form name="where">
<select name="city" size="1" width="100" style="font-family:Arial;font-size:12px;width:100" onchange="lcl(this);nsixampm()"> 
<option value="" selected>本地时间</option>
<option value="0">London GMT</option> 
<option value="1">Rome</option>
<option value="2">Cairo</option>  
<option value="3">Moscow</option>
<option value="5">Karachi</option>
<option value="7">Bangkok</option>
<option value="8">Hong Kong</option>
<option value="9">Tokyo</option> 
<option value="10">Sydney</option>
<option value="12">Fiji</option>
<option value="-10">Hawaii</option>
<option value="-8">San Francisco</option> 
<option value="-7">Arizona</option>
<option value="-5">New York</option>
<option value="-3">Buenos Aires</option>
</select>
</form>
</div>
<script language="JavaScript">
<!-- World Clock - http://website.lineone.net/~kurt.grigg/javascript
ns=(document.layers);
ns6=(document.getElementById&&!document.all);
ie=(document.all);

Top=(ns)?90:92;
Left=(ns)?67:60;
Scroll=true;      //true or false. Top and Left void if true!
civCol='#000000'; //12 colour.
dotCol='#dddddd'; //dot colour.
hCol='#0000ff';   //hours colour.
mCol='#0000ff';   //minutes colour.
sCol='#ff0000';   //seconds colour.
ampmCol='#eeeeee';//am-pm colour.

//Alter nothing below! Alignments will be lost!
h=3;
m=4;
s=5;
civ='1 2 3 4 5 6 7 8 9 10 11 12';
civ=civ.split(' ');
n=civ.length;
ClockHeight=30;
ClockWidth=30;
f12="<font face='Arial' size=1 color="+civCol+">";
e=360/n;
HandHeight=ClockHeight/4;
HandWidth=ClockWidth/4;
y=0;
x=0;
zone=0;
isitlocal=true;
ampm='';
n6timer=null;
if (!ns)
document.write("<div id='disp' style='position:absolute;width:50px;height:20px;text-align:center'></div>");
else
document.write("<layer name='disp' top=0 left=0 width=50 height=20></layer>");
for (i=0; i < n; i++){
if (!ns)
document.write('<div id="Civ'+i+'" style="position:absolute;width:15px;height:15px;text-align:center;color:#0000dd">'+f12+civ[i]+'</font></div>');
else
document.write('<layer name="Civ'+i+'" width=15 height=15><center>'+f12+civ[i]+'</font></center></layer>');
}
for (i=0; i < n; i++){
if (!ns)
document.write('<div id="D'+i+'" style="position:absolute;width:2px;height:2px;font-size:2px;background:'+dotCol+'"></div>');
else
document.write('<layer name="D'+i+'" bgcolor='+dotCol+' width=2 height=2></layer>');
}
for (i=0; i < h; i++){
if (!ns)
document.write('<div id="H'+i+'" style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>');
else
document.write('<layer name="H'+i+'" bgcolor='+hCol+' width=2 height=2></layer>');
}
for (i=0; i < m; i++){
if (!ns)
document.write('<div id="M'+i+'" style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>');
else
document.write('<layer name="M'+i+'" bgcolor='+mCol+' width=2 height=2></layer>');
}
for (i=0; i < s; i++){
if (!ns)
document.write('<div id="S'+i+'" style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>');
else
document.write('<layer name="S'+i+'" bgcolor='+sCol+' width=2 height=2></layer>');
}

第二步:修改<body***>中的内容，将下面的代码加入原<body***>中  onLoad="setTimeout('ClockAndAssign()',2000)"

本站浏览量：