百度
搜索BLOG文章
博客基本信息
用户名: asphp
等级: 初中生
在线时间: 34 分钟
日志总数: 97
评论数量: 24
访问次数: 85755
建立时间: 2007-10-10
友情链接
最新访问

我的日志
PHP+Javascript液晶时钟2007-10-12
<?  
$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>

原创文章如转载,请注明:转载自网络编程 [ http://asp.blog.zj.com/ ]
本文链接地址:http://asp.blog.zj.com/blog/d-160695.html

TAG: IT业界
相关文章
文章评论0条回复
给文章评分
评分: -5 -3 -1 - +1 +3 +5
我来说两句
认证码* 看不清,就点我! 输入四位字母或数字
(您还没有登录,登录发表)
粗体 斜体 下划线 插入url链接 飞行字 移动字