***时间日期***另类的时钟显示脚本
把下列代码加到网页的<body></body>标签之间 从google下载我的照片管理软件要完成此效果把如下代码加入到<body>区域中
<script language=javascript>
var cellwidth=10; // each "cell" width in pixels
var cellheight=10; // each "cell" height in pixels
var fontsize=11; // font size of the numbers. setting this too big causes
undesired effects.
var fontcolor="33ff33"; // enter any html or rgb color code
var fontstyle="bold"; // enter either bold, italics, none
var oncolor="red"; // color of active cells
var offcolor="lightgrey"; // color of inactive cells
//************** do not edit beond this point *************//
var ns4 = (navigator.appname.indexof("netscape")>=0 && parsefloat(navigator.appversion) >= 4 &&
parsefloat(navigator.appversion) < 5)? true : false;
var ie4 = (document.all)? true : false;
var ns6 = (parsefloat(navigator.appversion) >= 5 && navigator.appname.indexof("netscape")>=0 )?
true: false;
var binclk, now;
var t='<table cellspacing="1" cellpadding="0" border="0"><tr><td align="center"> </td>';
for(i=0;i<=58;i+=2)t+='<td align="left" colspan="2"><font style="font-size:'+fontsize+'px;
font-weight:'+fontstyle+'; color: '+fontcolor+'">'+i+'<br> |</font></td>';
t+='<td> </td></tr><tr><td align="center"><font style="font-size:'+fontsize+'px;
font-weight:'+fontstyle+'; color: '+fontcolor+'">时: </font></td>';
for(i=0;i<=23;i++){
t+='<td>';
t+=(ns4)? '<ilayer name="hrs'+i+'" height="'+cellheight+'" width="'+cellwidth+'"
bgcolor="'+offcolor+'"></ilayer>' : '<div id="hrs'+i+'" style="position:relative;
width:'+cellwidth+'px; font-size:1px; height:'+cellheight+'px;
background-color:'+offcolor+'"></div>';
t+='</td>';
}
t+='<td colspan="36"><td> </td></tr><tr><td align="center"><font style="font-size:'+fontsize+'px;
font-weight:'+fontstyle+'; color: '+fontcolor+'">分: </font></td>';
for(i=0;i<=59;i++){
t+='<td>';
t+=(ns4)? '<ilayer name="min'+i+'" width="'+cellwidth+'" height="'+cellheight+'"
bgcolor="'+offcolor+'"></ilayer>' : '<div id="min'+i+'" style="position:relative;
width:'+cellwidth+'px; font-size:1px; height:'+cellheight+'px;
background-color:'+offcolor+'"></div>';
t+='</td>';
}
t+='<td> </td></tr><tr><td align="center"><font style="font-size:'+fontsize+'px;
font-weight:'+fontstyle+'; color: '+fontcolor+'">秒: </font></td>';
for(i=0;i<=59;i++)
{
t+='<td>';
t+=(ns4)? '<ilayer name="sec'+i+'" width="'+cellwidth+'" height="'+cellheight+'"
bgcolor="'+offcolor+'"></ilayer>' : '<div id="sec'+i+'" style="position:relative;
width:'+cellwidth+'px; font-size:1px; height:'+cellheight+'px;
background-color:'+offcolor+'"></div>';
t+='</td>';
}
t+='<td> </td></tr><tr><td> </td><td> </td>';
for(i=1;i<=59;i+=2)t+='<td align="left" colspan="2"><font style="font-size:'+fontsize+'px;
font-weight:'+fontstyle+'; color: '+fontcolor+'"> |<br>'+i+'</font></td>';
t+='</tr></table>';
document.write(t);
function init(){
getvals();
for(i=0;i<=now.h;i++)setbgcolor('hrs'+i, oncolor);
for(i=0;i<=now.m;i++)setbgcolor('min'+i, oncolor);
for(i=0;i<=now.s;i++)setbgcolor('sec'+i, oncolor);
setinterval('setclock()', 100);
}
function getvals(){
now=new date();
now.s=now.getseconds();
now.h=now.gethours();
now.m=now.getminutes();
}
function setclock(){
getvals();
if((now.h==0)&&(now.m==0)) for(i=1;i<=23;i++)setbgcolor('hrs'+i, offcolor);
if((now.s==0)&&(now.m==0)) for (i=1;i<=59;i++)setbgcolor('min'+i, offcolor);
if(now.s==0) for(i=1;i<=59;i++)setbgcolor('sec'+i, offcolor);
setbgcolor('hrs'+now.h, oncolor);
setbgcolor('min'+now.m, oncolor);
setbgcolor('sec'+now.s, oncolor);
}
function resize(){
if(ns4)history.go(0);
}
function setbgcolor(idstr, color){
if(ie4)document.all.style.backgroundcolor=color;
if(ns4)document.layers.bgcolor=color;
if(ns6)document.getelementbyid(idstr).style.backgroundcolor=color;
}
window.onload=init;
window.onresize=resize;
</script>
--------------------------------------
http://www.huoyue.com.cn 活跃网，活跃人群的论坛，访问活跃网，将给您带来意想不到的收获，还可以免费为您开论坛，让您免费拥有与朋友、网友交流的论坛。你是年轻人吗？你活跃你就上！
页:
[1]