PHP网页编程之PHP+Javascript液晶时钟

只看该作者 · 发表于 2015-2-4 00:05:12

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

通过这段时间的学习实践，对软件开发有了更多新的认识，不在局限于之前的片面性。当然，现在所学到的东西其实并不多，离当一个真正的程序员，还有很大的差距。 <?
  $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>
那么接下来，这就算学会啦?NO，NO，NO，还早呢，你至尽还没碰过OOP之类的吧?模板呢?

只看该作者 · 发表于 2015-2-4 08:44:42

要进行开发，搭建环境是首先需要做的事，windows下面我习惯把环境那个安装在C盘下面，因为我配的环境经常出现诡异事件，什么事都没做环境有的时候就不能用啦。

只看该作者 · 发表于 2015-2-4 15:25:47

本人接触php时间不长，算是phper中的小菜鸟一只吧。由于刚开始学的时候没有名师指，碰过不少疙瘩，呗很多小问题卡过很久，白白浪费不少宝贵的时间，在次分享一些子的学习的心得。

只看该作者 · 发表于 2015-2-10 02:52:46

Ps：以上纯属原创，如有雷同，纯属巧合

只看该作者 · 发表于 2015-2-28 16:48:02

写的比较杂，因为我也是个新手，不当至于大家多多指正。

只看该作者 · 发表于 2015-3-2 01:11:53

我还是强烈建议自己搭建php环境。因为在搭建的过程中你会遇到一些问题，通过搜索或是看php手册解决问题后，你会更加深刻的理解它们的工作原理，了解到php配置文件中的一些选项设置。

只看该作者 · 发表于 2015-3-2 08:08:16

说点我烦的低级错误吧，曾经有次插入mysql的时间弄了300年结果老报错，其实mysql的时间是有限制的，大概是到203X年具体的记不清啦，囧。

仓酷云 · 发表于 2015-3-2 21:28:44

最后祝愿，php会给你带来快乐的同时你也会给他带来快乐。

只看该作者 · 发表于 2015-3-8 16:03:48

建议加几个专业的phper的群，当然啦需要说话的人多，一处一点问题能有人回答你的，当然啦要让人回答你的问题，平时就得躲在里面聊天，大家混熟啦，愿意回答你问题的人自然就多啦。

只看该作者 · 发表于 2015-3-16 03:59:19

php是动态网站开发的优秀语言，在学习的时候万万不能冒进。在系统的学习前，我认为不应该只是追求实现某种效果，因为即使你复制他人的代码调试成功，实现了你所期望的效果，你也不了解其中的原理。

只看该作者 · 发表于 2015-3-22 04:09:16

最后介绍一个代码出错，但是老找不到错误方法，就是 go to wc （囧），出去换换气没准回来就找到错误啦。

只看该作者 · 发表于 2015-3-24 20:53:09

没接触过框架的人，也不用害怕，其实框架就是一种命名规范及插件，学会一个框架其余的框架都很好上手的。

只看该作者 · 发表于 2015-4-1 23:08:35

说点我烦的低级错误吧，曾经有次插入mysql的时间弄了300年结果老报错，其实mysql的时间是有限制的，大概是到203X年具体的记不清啦，囧。

只看该作者 · 发表于 2015-4-7 13:57:18

当然这种网站的会员费就几十块钱。

只看该作者 · 发表于 2015-4-14 08:41:44

如果你已经到这种程度了，那么你已经可以做我的老师了。其实php也分很多的区域，

只看该作者 · 发表于 2015-5-1 06:55:51

因为blog这样的可以让你接触更多要学的知识，可以接触用到类，模板，js ，ajax

只看该作者 · 发表于 2015-5-1 18:11:54

我还是强烈建议自己搭建php环境。因为在搭建的过程中你会遇到一些问题，通过搜索或是看php手册解决问题后，你会更加深刻的理解它们的工作原理，了解到php配置文件中的一些选项设置。

只看该作者 · 发表于 2015-5-1 22:16:29

再就是混迹于论坛啦，咱们的phpchina的论坛就很强大，提出的问题一般都是有达人去解答的，以前的帖子也要多看看也能学到不少前辈们的经验。别的不错的论坛例如php100，javaeye也是很不错的。

只看该作者 · 发表于 2015-6-9 01:21:11

建议加几个专业的phper的群，当然啦需要说话的人多，一处一点问题能有人回答你的，当然啦要让人回答你的问题，平时就得躲在里面聊天，大家混熟啦，愿意回答你问题的人自然就多啦。

		自动登录	找回密码
密码			立即注册

[学习教程] PHP网页编程之PHP+Javascript液晶时钟

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子