PHP+javascript液晶时钟
2007-11-27 18:00:29 来源:WEB开发网作者:caocao 发表日期:2000年12月20日 阅读次数:126
<?
$size_small=5;//液晶宽度
$size_big=25;//液晶长度
$distance=10;//间距
$color_back=#DDDDDD;
$color_dark=#CCCCCC;
$color_light=#000000;
$number=0;
?>
<html>
<head>
<title>Timer</title>
<meta http-equiv=Content-Type content=text/html; charset=gb2312>
<script language=javascript>
// *****************************************************************
// Written By Caocao
// caocao@eastday.com
// http://caocao.oso.com.cn
// *****************************************************************
function swapcolor(obj,onoff)//改变颜色
{
if (onoff)
{
obj.style.background=<? echo $color_light;?>;
}
else
{
obj.style.background=<? echo $color_dark;?>;
}
}
function change(number,timer)//处理数字显示
{
switch (timer)
{
case 0:
swapcolor(eval(time+number+0),1);
swapcolor(eval(time+number+1),1);
swapcolor(eval(time+number+2),1);
swapcolor(eval(time+number+3),0);
swapcolor(eval(time+number+4),1);
swapcolor(eval(time+number+5),1);
swapcolor(eval(time+number+6),1);
break;
case 1:
swapcolor(eval(time+number+0),0);
swapcolor(eval(time+number+1),0);
swapcolor(eval(time+number+2),1);
swapcolor(eval(time+number+3),0);
swapcolor(eval(time+number+4),0);
swapcolor(eval(time+number+5),1);
swapcolor(eval(time+number+6),0);
break;
case 2:
swapcolor(eval(time+number+0),1);
swapcolor(eval(time+number+1),0);
swapcolor(eval(time+number+2),1);
swapcolor(eval(time+number+3),1);
swapcolor(eval(time+number+4),1);
swapcolor(eval(time+number+5),0);
swapcolor(eval(time+number+6),1);
break;
case 3:
swapcolor(eval(time+number+0),1);
swapcolor(eval(time+number+1),0);
swapcolor(eval(time+number+2),1);
swapcolor(eval(time+number+3),1);
swapcolor(eval(time+number+4),0);
swapcolor(eval(time+number+5),1);
swapcolor(eval(time+number+6),1);
break;
case 4:
swapcolor(eval(time+number+0),0);
swapcolor(eval(time+number+1),1);
swapcolor(eval(time+number+2),1);
swapcolor(eval(time+number+3),1);
swapcolor(eval(time+number+4),0);
swapcolor(eval(time+number+5),1);
swapcolor(eval(time+number+6),0);
break;
case 5:
swapcolor(eval(time+number+0),1);
swapcolor(eval(time+number+1),1);
swapcolor(eval(time+number+2),0);
swapcolor(eval(time+number+3),1);
swapcolor(eval(time+number+4),0);
swapcolor(eval(time+number+5),1);
swapcolor(eval(time+number+6),1);
break;
case 6:
swapcolor(eval(time+number+0),1);
swapcolor(eval(time+number+1),1);
swapcolor(eval(time+number+2),0);
swapcolor(eval(time+number+3),1);
swapcolor(eval(time+number+4),1);
swapcolor(eval(time+number+5),1);
swapcolor(eval(time+number+6),1);
break;
case 7:
swapcolor(eval(time+number+0),1);
swapcolor(eval(time+number+1),0);
swapcolor(eval(time+number+2),1);
swapcolor(eval(time+number+3),0);
swapcolor(eval(time+number+4),0);
swapcolor(eval(time+number+5),1);
swapcolor(eval(time+number+6),0);
break;
case 8:
swapcolor(eval(time+number+0),1);
swapcolor(eval(time+number+1),1);
swapcolor(eval(time+number+2),1);
swapcolor(eval(time+number+3),1);
swapcolor(eval(time+number+4),1);
swapcolor(eval(time+number+5),1);
swapcolor(eval(time+number+6),1);
break;
case 9:
swapcolor(eval(time+number+0),1);
swapcolor(eval(time+number+1),1);
swapcolor(eval(time+number+2),1);
swapcolor(eval(time+number+3),1);
swapcolor(eval(time+number+4),0);
swapcolor(eval(time+number+5),1);
swapcolor(eval(time+number+6),1);
break;
}
}
function show()//更新时间
{
var now=new Date();
change(0,Math.floor(now.getHours()/10));
change(1,Math.floor(now.getHours()%10));
change(2,Math.floor(now.getMinutes()/10));
change(3,Math.floor(now.getMinutes()%10));
change(4,Math.floor(now.getSeconds()/10));
change(5,Math.floor(now.getSeconds()%10));
setTimeout(show(),200);
}
</script>
</head>
<?
echo <body bgcolor=.$color_back.>;
echo <table width=.(($size_small*3+$size_big+$distance)*6). border=0 cellspacing=0 cellpadding=0><tr>;
for ($nunber=0;$number<6;$number++)
{
$recid=0;
echo <td><table width=.($size_small*2+$size_big). border=0 cellspacing=0 cellpadding=0><tr>;
echo <td width=.$size_small. height=.$size_small.></td>;
echo <td width=.$size_big. height=.$size_small.><div id=time.$number.$recid++. style=position:relative; width:.$size_big.px; height:.$size_small.px; background:.$color_dark.; font-size:1px></div></td>;
echo <td width=.$size_small. height=.$size_small.></td>;
echo </tr><tr>;
echo <td width=.$size_small. height=.$size_big.><div id=time.$number.$recid++. style=position:relative; width:.$size_small.px;
更多精彩
赞助商链接