WEB开发网
开发学院网页设计JavaScript PHP+javascript液晶时钟 阅读

PHP+javascript液晶时钟

 2007-11-27 18:00:29 来源:WEB开发网   
核心提示:作者:caocao 发表日期:2000年12月20日 阅读次数:126<? $size_small=5;//液晶宽度 $size_big=25;//液晶长度 $distance=10;//间距 $color_back=#DDDDDD; $color_dark=#CCCCCC

作者: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()%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; 

Tags:PHP avascript 液晶

编辑录入:coldstar [复制链接] [打 印]
赞助商链接