当前位置: 首页 > 图文教程 > 网络编程 > PHP > PHP+javascript液晶时钟

PHP
php 服务器调试 Zend Debugger 的安装教程
从Web查询数据库之PHP与MySQL篇
php 应用程序安全防范技术研究
php 不同编码下的字符串长度区分
php 生成饼图 三维饼图
PHP 字符截取 解决中文的截取问题,不用mb系列
PHP5 操作MySQL数据库基础代码
php面向对象全攻略 （一） 面向对象基础知识
php面向对象全攻略 （二） 实例化对象 使用对象成员
php面向对象全攻略 （三）特殊的引用“$this”的使用
php面向对象全攻略 （四）构造方法与析构方法
php面向对象全攻略 （五） 封装性
php面向对象全攻略 （六）__set() __get() __isset() __unset()的用法
php面向对象全攻略 （七） 继承性
php面向对象全攻略 （八）重载新的方法
php面向对象全攻略 （九）访问类型
php面向对象全攻略 （十） final static const关键字的使用
php面向对象全攻略 （十一）__toString()用法 克隆对象 __call处理调用错误
php面向对象全攻略 （十二） 抽象方法和抽象类
php面向对象全攻略 （十四） php5接口技术

No. « 166 167 168 169 »

技术文章搜索

关键字

PHP+javascript液晶时钟

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-13   浏览: 164 ::
收藏到网摘: n/a

<?
$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
// [email protected]
// 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>
【本文版权归作者与奥索网共同拥有，如需转载，请注明作者及出处】