首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 PHP

PHP+javascript液晶时钟

Posted in PHP onOctober 09, 2006

<?
  $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>  

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

PHP+javascript液晶时钟

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

PHP 相关文章推荐
PHP数据库操作面向对象的优点
Oct 09 PHP
第十四节 命名空间 [14]
Oct 09 PHP
mysql5的sql文件导入到mysql4的方法
Oct 19 PHP
php异常处理技术，顶级异常处理器
Jun 13 PHP
解析PHP的session过期设置
Jun 29 PHP
php中curl、fsocket、file_get_content三个函数的使用比较
May 09 PHP
Thinkphp多文件上传实现方法
Oct 31 PHP
PHP文件操作方法汇总
Jul 01 PHP
php实现将Session写入数据库
Jul 26 PHP
thinkPHP导出csv文件及用表格输出excel的方法
Dec 30 PHP
php redis实现文章发布系统（用户投票系统）
Mar 04 PHP
使用Git实现Laravel项目的自动化部署
Nov 24 PHP
一个分页的论坛
Oct 09 #PHP
一个简易需要注册的留言版程序
Oct 09 #PHP
使用数据库保存session的方法
Oct 09 #PHP
COM in PHP (winows only)
Oct 09 #PHP
Banner程序
Oct 09 #PHP
下载文件的点击数回填
Oct 09 #PHP
PHP编程之高级技巧——利用Mysql函数
Oct 09 #PHP
explain(2) 波段(1) 守望先锋(1) 文书(291) 帝国时代(1) AngularJS(2) Docker(14) 西索(1) 城市猎人(1) HAM-2000(1)
You might like
【COS正片】蕾姆睡衣cos,纯洁可爱被治愈了 cn名濑弥七
2020/03/02 日漫
一个很方便的 XML 类！！原创的噢
2006/10/09 PHP
php中通过smtp发邮件的类,测试通过
2007/01/22 PHP
php一维二维数组键排序方法实例总结
2014/11/13 PHP
PHP实现的自定义数组排序函数与排序类示例
2016/11/18 PHP
THINKPHP截取中文字符串函数实例代码
2017/03/20 PHP
一种JavaScript的设计模式
2006/11/22 Javascript
javascript 浏览器检测代码精简版
2010/03/04 Javascript
JavaScript实现的图像模糊算法代码分享
2014/04/22 Javascript
js中使用replace方法完成某个字符的转换
2014/08/20 Javascript
jQuery中:animated选择器用法实例
2014/12/29 Javascript
js实现鼠标移到链接文字弹出一个提示层的方法
2015/05/11 Javascript
基于jquery实现瀑布流布局
2020/06/28 Javascript
JS实现探测网站链接的方法【测试可用】
2016/11/08 Javascript
JavaScript对象_动力节点Java学院整理
2017/06/23 Javascript
JavaScript中立即执行函数实例详解
2017/11/04 Javascript
解析Angular 2+ 样式绑定方式
2018/01/15 Javascript
Vue 路由切换时页面内容没有重新加载的解决方法
2018/09/01 Javascript
vue-router 手势滑动触发返回功能
2018/09/30 Javascript
python实现文件路径和url相互转换的方法
2015/07/06 Python
浅谈Python中(&amp;，|)和(and，or)之间的区别
2019/08/07 Python
详解Python中的正斜杠与反斜杠
2019/08/09 Python
安装PyInstaller失败问题解决
2019/12/14 Python
Python计算矩阵的和积的实例详解
2020/09/10 Python
HTML5利用约束验证API来检查表单的输入数据的代码实例
2016/12/20 HTML / CSS
新西兰珠宝品牌：Michael Hill
2017/09/16 全球购物
日本著名化妆品零售网站：Cosme Land
2019/03/01 全球购物
法国一家多品牌成衣精品中/高档商店：Graduate Store
2019/08/28 全球购物
面料业务员岗位职责
2013/12/26 职场文书
遗嘱公证书标准样本
2014/04/08 职场文书
平遥古城导游词
2015/02/03 职场文书
城镇居民医疗保险工作总结
2015/08/10 职场文书
2016中秋节晚会开场白
2015/11/26 职场文书
党章党规党纪学习心得体会
2016/01/14 职场文书
银行柜员工作心得体会
2016/01/23 职场文书
MySQL 字符集 character
2022/05/04 MySQL