PHP+Javascript液晶时钟

dn001 2009-05-12 01:38:32

<?
;;$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; height:".$size_big."px; background:".$color_dark."font-size:1px"></div></td>"
;;;;echo "<td width=".$size_big." height=".$size_big."></td>"
;;;;echo "<td width=".$size_small." height=".$size_big."><div id=time".$number.$recid++." style="position:relative; width:".$size_small."px; height:".$size_big."px; background:".$color_dark."font-size:1px"></div></td>"
;;;;echo "</tr><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; height:".$size_big."px; background:".$color_dark."font-size:1px"></div></td>"
;;;;echo "<td width=".$size_big." height=".$size_big."></td>"
;;;;echo "<td width=".$size_small." height=".$size_big."><div id=time".$number.$recid++." style="position:relative; width:".$size_small."px; height:".$size_big."px; background:".$color_dark."font-size:1px"></div></td>"
;;;;echo "</tr><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></table></td>"
;;;;if ($number==1||$number==3)
;;;;{
;;;;;;echo "<td><table width=".($size_small*3)." border=0 cellspacing=0 cellpadding=0><tr>"
;;;;;;echo "<td width=".$size_small." height=".$size_small."></td>"
;;;;;;echo "<td width=".$size_small." height=".$size_small."></td>"
;;;;;;echo "<td width=".$size_small." height=".$size_small."></td>"
;;;;;;echo "</tr><tr>"
;;;;;;echo "<td width=".$size_small." height=".$size_big."></td>"
;;;;;;echo "<td width=".$size_small." height=".$size_big."><div style="position:relative; width:".$size_small."px; height:".$size_small."px; background:".$color_light."font-size:1px"></div></td>"
;;;;;;echo "<td width=".$size_small." height=".$size_big."></td>"
;;;;;;echo "</tr><tr>"
;;;;;;echo "<td width=".$size_small." height=".$size_small."></td>"
;;;;;;echo "<td width=".$size_small." height=".$size_small."></td>"
;;;;;;echo "<td width=".$size_small." height=".$size_small."></td>"
;;;;;;echo "</tr><tr>"
;;;;;;echo "<td width=".$size_small." height=".$size_big."></td>"
;;;;;;echo "<td width=".$size_small." height=".$size_big."><div style="position:relative; width:".$size_small."px; height:".$size_small."px; background:".$color_light."font-size:1px"></div></td>"
;;;;;;echo "<td width=".$size_small." height=".$size_big."></td>"
;;;;;;echo "</tr><tr>"
;;;;;;echo "<td width=".$size_small." height=".$size_small."></td>"
;;;;;;echo "<td width=".$size_small." height=".$size_small."></td>"
;;;;;;echo "<td width=".$size_small." height=".$size_small."></td>"
;;;;;;echo "</tr></table></td>"
;;;;}
;;}
;;echo "</tr></table>"
?>
<script language="javascript">
;;show();
</script>
</body>
</html>;;

【本文版权归作者与奥索网共同拥有，如需转载，请注明作者及出处】;;;;

标签：