文章詳情頁
PHP+Javascript液晶時鐘
瀏覽：66日期：2024-01-01 08:04:10
<? ;;$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)//處理數(shù)字顯示 { ;;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>;;【本文版權(quán)歸作者與奧索網(wǎng)共同擁有，如需轉(zhuǎn)載，請注明作者及出處】;;;;
標簽：
JavaScript
排行榜
網(wǎng)公網(wǎng)安備