管理资源吧首页>>>教程>>>编程>>>PHP教程>>>

PHP+javascript液晶时钟

　　<?

　　$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

　　//                   [email protected]

　　//                   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>

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

教程首页 更多教程