PHP+Javascript液晶时钟

原创 2000年12月21日 23:24:00

作者: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>

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

PHP+Javascript液晶时钟

作者:PHP?member_id=1372">caocao   发表日期:2000年12月20日   阅读次数:126  $size_small=5;//液晶宽度   $size_big=2...
  • zgqtxwd
  • zgqtxwd
  • 2008年04月24日 19:47
  • 81

LCD1602时钟(暂停、开始、修改)

/*----------------------------------------------- 名称:LCD1602 论坛:www.doflye.net 编写:shifang 日期...
  • Jijiahao95
  • Jijiahao95
  • 2017年01月24日 08:56
  • 343

Android自定义View之组合控件 ---- LED数字时钟

先上图 LEDView效果如图所示。 之前看到一篇博客使用两个TextView实现了该效果,于是我想用自定义控件的方式实现一个LEDView,使用时即可直接使用该控件。 采用组合控件的方式,将两个T...
  • yangysng07
  • yangysng07
  • 2014年08月20日 13:41
  • 9447

基于51单片机的12864液晶时钟C语言程序

自己写的12864液晶时钟程序,经过验证可以使用,希望可以为初学者作为参考。   #include #include             #define uint  unsigned ...
  • huchang99
  • huchang99
  • 2012年09月01日 19:31
  • 1956

液晶时钟效果

iPhone 默认的液晶时钟效果很是经典,如果您想在自己的应用里显示该时钟,可以用以下代码 [UIFont fontWithName:@"DBLCDTempBlack" size:58] ...
  • chengyingzhilian
  • chengyingzhilian
  • 2012年11月15日 10:00
  • 1018

C#设计一个电子时钟

/* *程序的版权和版本声明部分: *程序的版权和版本声明部分: *Copyright(c)2013,烟台大学计算机学院学生 *All rights reserved. *文件名称: *作...
  • u012369373
  • u012369373
  • 2014年11月10日 19:52
  • 1023

js液晶电子时钟

效果图1:图片15个:========         c0.gif ~ c9.gif cam.gif   cback.gif  cback2.gif  colon.gif  cpm.gifclock...
  • liulian720
  • liulian720
  • 2006年03月24日 12:42
  • 2235

使用LPC1768实现的数字时钟和温度计

手上有块LPC1768的开发板和一个320*240的液晶屏。就打算用它来做点东西。液晶屏使用的是SSD1289的控制芯片。使用16位并行接口连接到LPC1768的GPIO上。然后还有一块DS1623的...
  • hulifox007
  • hulifox007
  • 2012年09月16日 13:13
  • 1717

使用ks0108的12864液晶显示的俄罗斯方块

先等上来一个文件,还有几个以后登。算法参考了毛建忠的ToyBricks.c,在此表示感谢。#include "Lcd_ks0108.h"#define LINE 12//12行#define ROW ...
  • jn045000
  • jn045000
  • 2010年06月06日 22:06
  • 793

android开发桌面控件之液晶时钟

第一步:新建一个led_clock.xml文件,用来写时钟的布局,我们用6个ImageView存放时钟的时、分、秒的数字图像,代码和效果如下: ...
  • csdn_blog_lcl
  • csdn_blog_lcl
  • 2016年09月14日 11:39
  • 1226
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:PHP+Javascript液晶时钟
举报原因:
原因补充:

(最多只允许输入30个字)