搜索

首页  >  文章  >  php教程  >  php+js液晶时钟

php+js液晶时钟

PHP中文网
PHP中文网原创
2016-05-25 17:10:501123浏览

php代码

<?
  $size_small=5;//液晶宽度
  $size_big=25;//液晶长度
  $distance=10;//间距
  $color_back="#DDDDDD";
  $color_dark="#CCCCCC";
  $color_light="#000000";
  $number=0;
?>
<html>
<head>
<title>Timer|www.ibtf.net|www.bitefu.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
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."><p id=time".$number.$recid++." style=\"position:relative; width:".$size_big."px; height:".$size_small."px; background:".$color_dark."; font-size:1px\"></p></td>";
    echo "<td width=".$size_small." height=".$size_small."></td>";
    echo "</tr><tr>";
    echo "<td width=".$size_small." height=".$size_big."><p id=time".$number.$recid++." style=\"position:relative; width:".$size_small."px; height:".$size_big."px; background:".$color_dark."; font-size:1px\"></p></td>";
    echo "<td width=".$size_big." height=".$size_big."></td>";
    echo "<td width=".$size_small." height=".$size_big."><p id=time".$number.$recid++." style=\"position:relative; width:".$size_small."px; height:".$size_big."px; background:".$color_dark."; font-size:1px\"></p></td>";
    echo "</tr><tr>";
    echo "<td width=".$size_small." height=".$size_small."></td>";
    echo "<td width=".$size_big." height=".$size_small."><p id=time".$number.$recid++." style=\"position:relative; width:".$size_big."px; height:".$size_small."px; background:".$color_dark."; font-size:1px\"></p></td>";
    echo "<td width=".$size_small." height=".$size_small."></td>";
    echo "</tr><tr>";
    echo "<td width=".$size_small." height=".$size_big."><p id=time".$number.$recid++." style=\"position:relative; width:".$size_small."px; height:".$size_big."px; background:".$color_dark."; font-size:1px\"></p></td>";
    echo "<td width=".$size_big." height=".$size_big."></td>";
    echo "<td width=".$size_small." height=".$size_big."><p id=time".$number.$recid++." style=\"position:relative; width:".$size_small."px; height:".$size_big."px; background:".$color_dark."; font-size:1px\"></p></td>";
    echo "</tr><tr>";
    echo "<td width=".$size_small." height=".$size_small."></td>";
    echo "<td width=".$size_big." height=".$size_small."><p id=time".$number.$recid++." style=\"position:relative; width:".$size_big."px; height:".$size_small."px; background:".$color_dark."; font-size:1px\"></p></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."><p style=\"position:relative; width:".$size_small."px; height:".$size_small."px; background:".$color_light."; font-size:1px\"></p></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."><p style=\"position:relative; width:".$size_small."px; height:".$size_small."px; background:".$color_light."; font-size:1px\"></p></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>


声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
上一篇：编译型PHP模板引擎大致实现过程下一篇：密码动态生成(复杂、纯英文、纯数字)

相关文章

查看更多