CSDN博客

img terrywang

PHP+Javascript液晶时钟

发表于2000/12/21 23:24:00  505人阅读

作者: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:relativewidth:".$size_big."pxheight:".$size_small."pxbackground:".$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:relativewidth:".$size_small."pxheight:".$size_big."pxbackground:".$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:relativewidth:".$size_small."pxheight:".$size_big."pxbackground:".$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:relativewidth:".$size_big."pxheight:".$size_small."pxbackground:".$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:relativewidth:".$size_small."pxheight:".$size_big."pxbackground:".$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:relativewidth:".$size_small."pxheight:".$size_big."pxbackground:".$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:relativewidth:".$size_big."pxheight:".$size_small."pxbackground:".$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:relativewidth:".$size_small."pxheight:".$size_small."pxbackground:".$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:relativewidth:".$size_small."pxheight:".$size_small."pxbackground:".$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>

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

相关博文

我的热门文章

img
取 消
img