| 作者：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())); change(2,Math.floor(now.getMinutes()/10)); change(3,Math.floor(now.getMinutes())); change(4,Math.floor(now.getSeconds()/10)); change(5,Math.floor(now.getSeconds())); 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> |
