上海奉贤 网站建设
网站首页 >> 显示的全球时间表，而且是时钟样式
显示的全球时间表，而且是时钟样式
发布于：2008-10-28 已被阅读： 次 来源：上海奉贤网站建设
<HTML><HEAD><META http-equiv='Content-Type' content='text/html; charset=gb2312'><TITLE>显示的全球时间表，而且是时钟样式</TITLE></HEAD><BODY onLoad="setTimeout('ClockAndAssign()',2000)"><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/javascriptns=(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>");elsedocument.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>');elsedocument.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>');elsedocument.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>');elsedocument.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>');elsedocument.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>');elsedocument.write('<layer name="S'+i+'" bgcolor='+sCol+' width=2 height=2></layer>');}function lcl(z){zone=z.options[z.selectedIndex].value;isitlocal=(z.options[0].selected)?true:false;clearTimeout(n6timer);}var _d=(ns||ie)?'document.':'document.getElementById("';var _a=(ns||ns6)?'':'all.';var _n6r=(ns6)?'")':'';var _s=(ns)?'':'.style';var Dsp=eval(_d+_a+"disp"+_n6r+_s);var O=eval(_d+_a+"OffSet"+_n6r+_s);function ClockAndAssign(){now=new Date();ofst=now.getTimezoneOffset()/60;secs=now.getSeconds();sec=-1.57+Math.PI*secs/30;mins=now.getMinutes();min=-1.57+Math.PI*mins/30;hr=(isitlocal)?now.getHours():(now.getHours() + parseInt(ofst)) + parseInt(zone);hrs=-1.575+Math.PI*hr/6+Math.PI*parseInt(now.getMinutes())/360;if (hr < 0) hr+=24;if (hr > 23) hr-=24;ampm = (hr > 11)?"PM":"AM";statusampm = ampm.toLowerCase();hr2 = hr;hr2 %= 12;(hr2 < 1)?hr2+12:hr2;var Q1=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm;var Q2=((hr < 10)?"0"+hr:hr)+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs);sy=(ie)?document.body.scrollTop+window.document.body.clientHeight-ClockHeight*2:window.pageYOffset+window.innerHeight-ClockHeight*2;sx=(ie)?document.body.scrollLeft+window.document.body.clientWidth-ClockWidth*2:window.pageXOffset+window.innerWidth-ClockWidth*3;y=(Scroll)?sy:Top;x=(Scroll)?sx:Left;Dsp.top=y-17;Dsp.left=x-24;O.top=y-80;O.left=(ns)?x-57:x-49;for (i=0; i < s; i++){var d1=eval(_d+_a+"S"+i+_n6r+_s);d1.top=y+(i*HandHeight)*Math.sin(sec);d1.left=x+(i*HandWidth)*Math.cos(sec)}for (i=0; i < m; i++){var d2=eval(_d+_a+"M"+i+_n6r+_s);d2.top=y+(i*HandHeight)*Math.sin(min);d2.left=x+(i*HandWidth)*Math.cos(min)}for (i=0; i < h; i++){var d3=eval(_d+_a+"H"+i+_n6r+_s);d3.top=y+(i*HandHeight)*Math.sin(hrs);d3.left=x+(i*HandWidth)*Math.cos(hrs)}for (i=0; i < n; i++){var d4=eval(_d+_a+"D"+i+_n6r+_s);d4.top=y+ ClockHeight*Math.sin(-1.0471+i*e*Math.PI/180);d4.left=x+ ClockWidth*Math.cos(-1.0471+i*e*Math.PI/180)}for (i=0; i < n; i++){var d5=eval(_d+_a+"Civ"+i+_n6r+_s);d5.top=y-6+ClockHeight*1.4*Math.sin(-1.0471+i*e*Math.PI/180);d5.left=x-6+ClockWidth*1.4*Math.cos(-1.0471+i*e*Math.PI/180)}if (ie)disp.innerHTML="<font face='Arial' size='6' color='"+ampmCol+"'>"+ampm+"</font>";if (ns){ Dsp.document.write("<font face='Arial' size='6' color='"+ampmCol+"'>"+ampm+"</font>"); Dsp.document.close(); }window.status=Q1+' '+Q2setTimeout('ClockAndAssign()',100);}//N6 AM/PM flashes when included above. Make slower?function nsixampm(){ if (ns6){ document.getElementById("disp").innerHTML="<font face='Arial' size='6' color='"+ampmCol+"'>"+ampm+"</font>"; n6timer=setTimeout('nsixampm()',10000); }}if (ns6)nsixampm();window.onresize=function(){if(ns){window.location.reload()}}//--></script></BODY></HTML> <!-- 要实现此效果需要 2 个步骤： --><!-- 第 1 步： --><!-- 把<BODY>中的属性代码改为： --><BODY onLoad="setTimeout('ClockAndAssign()',2000)"><!-- 第 2 步： --><!-- 把下面的代码加到<BODY></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/javascriptns=(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>");elsedocument.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>');elsedocument.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>');elsedocument.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>');elsedocument.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>');elsedocument.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>');elsedocument.write('<layer name="S'+i+'" bgcolor='+sCol+' width=2 height=2></layer>');}function lcl(z){zone=z.options[z.selectedIndex].value;isitlocal=(z.options[0].selected)?true:false;clearTimeout(n6timer);}var _d=(ns||ie)?'document.':'document.getElementById("';var _a=(ns||ns6)?'':'all.';var _n6r=(ns6)?'")':'';var _s=(ns)?'':'.style';var Dsp=eval(_d+_a+"disp"+_n6r+_s);var O=eval(_d+_a+"OffSet"+_n6r+_s);function ClockAndAssign(){now=new Date();ofst=now.getTimezoneOffset()/60;secs=now.getSeconds();sec=-1.57+Math.PI*secs/30;mins=now.getMinutes();min=-1.57+Math.PI*mins/30;hr=(isitlocal)?now.getHours():(now.getHours() + parseInt(ofst)) + parseInt(zone);hrs=-1.575+Math.PI*hr/6+Math.PI*parseInt(now.getMinutes())/360;if (hr < 0) hr+=24;if (hr > 23) hr-=24;ampm = (hr > 11)?"PM":"AM";statusampm = ampm.toLowerCase();hr2 = hr;hr2 %= 12;(hr2 < 1)?hr2+12:hr2;var Q1=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm;var Q2=((hr < 10)?"0"+hr:hr)+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs);sy=(ie)?document.body.scrollTop+window.document.body.clientHeight-ClockHeight*2:window.pageYOffset+window.innerHeight-ClockHeight*2;sx=(ie)?document.body.scrollLeft+window.document.body.clientWidth-ClockWidth*2:window.pageXOffset+window.innerWidth-ClockWidth*3;y=(Scroll)?sy:Top;x=(Scroll)?sx:Left;Dsp.top=y-17;Dsp.left=x-24;O.top=y-80;O.left=(ns)?x-57:x-49;for (i=0; i < s; i++){var d1=eval(_d+_a+"S"+i+_n6r+_s);d1.top=y+(i*HandHeight)*Math.sin(sec);d1.left=x+(i*HandWidth)*Math.cos(sec)}for (i=0; i < m; i++){var d2=eval(_d+_a+"M"+i+_n6r+_s);d2.top=y+(i*HandHeight)*Math.sin(min);d2.left=x+(i*HandWidth)*Math.cos(min)}for (i=0; i < h; i++){var d3=eval(_d+_a+"H"+i+_n6r+_s);d3.top=y+(i*HandHeight)*Math.sin(hrs);d3.left=x+(i*HandWidth)*Math.cos(hrs)}for (i=0; i < n; i++){var d4=eval(_d+_a+"D"+i+_n6r+_s);d4.top=y+ ClockHeight*Math.sin(-1.0471+i*e*Math.PI/180);d4.left=x+ ClockWidth*Math.cos(-1.0471+i*e*Math.PI/180)}for (i=0; i < n; i++){var d5=eval(_d+_a+"Civ"+i+_n6r+_s);d5.top=y-6+ClockHeight*1.4*Math.sin(-1.0471+i*e*Math.PI/180);d5.left=x-6+ClockWidth*1.4*Math.cos(-1.0471+i*e*Math.PI/180)}if (ie)disp.innerHTML="<font face='Arial' size='6' color='"+ampmCol+"'>"+ampm+"</font>";if (ns){ Dsp.document.write("<font face='Arial' size='6' color='"+ampmCol+"'>"+ampm+"</font>"); Dsp.document.close(); }window.status=Q1+' '+Q2setTimeout('ClockAndAssign()',100);}//N6 AM/PM flashes when included above. Make slower?function nsixampm(){ if (ns6){ document.getElementById("disp").innerHTML="<font face='Arial' size='6' color='"+ampmCol+"'>"+ampm+"</font>"; n6timer=setTimeout('nsixampm()',10000); }}if (ns6)nsixampm();window.onresize=function(){if(ns){window.location.reload()}}//--></script>
网站建设相关信息
为什么要建设网站
企业为何需要做网站，企业做网站的目的是为什么，有的企业网站做了但一点效果也没有，那是因为企业没有让网站发挥作用..联系方式
手机：13482597886
Q Q：41218056
Q Q: 41218056
qq41218056@hotmail.com
上海兼职网站建设
英文网站建设与中文网站
日文网站建设-日文网站设计
走好电子商务网站的建设
八大要领 做网站就这么简单
电子商务十忌与建设网站
优秀网站制作的五大要素
网站功能设计的适用性评价
高级技巧：个性化网站设计
行业网站的设计心得
从网页到网络平台 网站开
网站文化与网页设计
一个成功的网站设计
网站建设项目合同撰写注意
企业如何准备网站建设资料
网站建设需要策划吗?
网络营销市场回顾与展望
企业网站建设有哪些不足
网站优化
网站推广时几点禁忌 上海
网站设计应注意的25条
网站策划方案写作、演示
网站推广技巧--实战中文
网站开发策划所需要的文档
企业网站推广效果分析
如何做好网站开发项目的
企业网站的推广漫谈 上海
最佳适合于网站海外推广
网站策划，需要什么的人才
网站策划与建设阶段网站推
网络营销中网站个性化设计