%26lt;?
$size_small=5;//液晶宽度
$size_big=25;//液晶长度
$distance=10;//间距
$color_back=%26quot;#DDDDDD%26quot;;
$color_dark=%26quot;#CCCCCC%26quot;;
$color_light=%26quot;#000000%26quot;;
$number=0;
?%26gt;
%26lt;html%26gt;
%26lt;head%26gt;
%26lt;title%26gt;Timer%26lt;/title%26gt;
%26lt;meta http-equiv=%26quot;Content-Type%26quot; content=%26quot;text/html; charset=gb2312%26quot;%26gt;
%26lt;script language=%26quot;javascript%26quot;%26gt;
// *****************************************************************
//Written By Caocao
//caocao@eastday.com
//http://caocao.oso.com.cn
// *****************************************************************
function swapcolor(obj,onoff)//改变颜色
{
if (onoff)
{
obj.style.background=%26quot;%26lt;? echo $color_light;?%26gt;%26quot;;
}
else
{
obj.style.background=%26quot;%26lt;? echo $color_dark;?%26gt;%26quot;;
}
}
function change(number,timer)//处理数字显示
{
switch (timer)
{
case 0:
swapcolor(eval(%26quot;time%26quot;+number+%26quot;0%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;1%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;2%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;3%26quot;),0);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;4%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;5%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;6%26quot;),1);
break;
case 1:
swapcolor(eval(%26quot;time%26quot;+number+%26quot;0%26quot;),0);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;1%26quot;),0);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;2%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;3%26quot;),0);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;4%26quot;),0);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;5%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;6%26quot;),0);
break;
case 2:
swapcolor(eval(%26quot;time%26quot;+number+%26quot;0%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;1%26quot;),0);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;2%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;3%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;4%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;5%26quot;),0);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;6%26quot;),1);
break;
case 3:
swapcolor(eval(%26quot;time%26quot;+number+%26quot;0%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;1%26quot;),0);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;2%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;3%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;4%26quot;),0);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;5%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;6%26quot;),1);
break;
case 4:
swapcolor(eval(%26quot;time%26quot;+number+%26quot;0%26quot;),0);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;1%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;2%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;3%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;4%26quot;),0);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;5%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;6%26quot;),0);
break;
case 5:
swapcolor(eval(%26quot;time%26quot;+number+%26quot;0%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;1%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;2%26quot;),0);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;3%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;4%26quot;),0);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;5%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;6%26quot;),1);
break;
case 6:
swapcolor(eval(%26quot;time%26quot;+number+%26quot;0%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;1%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;2%26quot;),0);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;3%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;4%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;5%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;6%26quot;),1);
break;
case 7:
swapcolor(eval(%26quot;time%26quot;+number+%26quot;0%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;1%26quot;),0);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;2%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;3%26quot;),0);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;4%26quot;),0);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;5%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;6%26quot;),0);
break;
case 8:
swapcolor(eval(%26quot;time%26quot;+number+%26quot;0%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;1%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;2%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;3%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;4%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;5%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;6%26quot;),1);
break;
case 9:
swapcolor(eval(%26quot;time%26quot;+number+%26quot;0%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;1%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;2%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;3%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;4%26quot;),0);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;5%26quot;),1);
swapcolor(eval(%26quot;time%26quot;+number+%26quot;6%26quot;),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(%26quot;show()%26quot;,200);
}
%26lt;/script%26gt;
%26lt;/head%26gt;
%26lt;?
echo %26quot;%26lt;body bgcolor=%26quot;.$color_back.%26quot;%26gt;%26quot;;
echo %26quot;%26lt;table width=%26quot;.(($size_small*3+$size_big+$distance)*6).%26quot; border=0 cellspacing=0 cellpadding=0%26gt;%26lt;tr%26gt;%26quot;;
for ($nunber=0;$number%26lt;6;$number++)
{
$recid=0;
echo %26quot;%26lt;td%26gt;%26lt;table width=%26quot;.($size_small*2+$size_big).%26quot; border=0 cellspacing=0 cellpadding=0%26gt;%26lt;tr%26gt;%26quot;;
echo %26quot;%26lt;td width=%26quot;.$size_small.%26quot; height=%26quot;.$size_small.%26quot;%26gt;%26lt;/td%26gt;%26quot;;
echo %26quot;%26lt;td width=%26quot;.$size_big.%26quot; height=%26quot;.$size_small.%26quot;%26gt;%26lt;div id=time%26quot;.$number.$recid++.%26quot; style=%26quot;position:relative; width:%26quot;.$size_big.%26quot;px; height:%26quot;.$size_small.%26quot;px; background:%26quot;.$color_dark.%26quot;; font-size:1px%26quot;%26gt;%26lt;/div%26gt;%26lt;/td%26gt;%26quot;;
echo %26quot;%26lt;td width=%26quot;.$size_small.%26quot; height=%26quot;.$size_small.%26quot;%26gt;%26lt;/td%26gt;%26quot;;
echo %26quot;%26lt;/tr%26gt;%26lt;tr%26gt;%26quot;;
echo %26quot;%26lt;td width=%26quot;.$size_small.%26quot; height=%26quot;.$size_big.%26quot;%26gt;%26lt;div id=time%26quot;.$number.$recid++.%26quot; style=%26quot;position:relative; width:%26quot;.$size_small.%26quot;px; height:%26quot;.$size_big.%26quot;px; background:%26quot;.$color_dark.%26quot;; font-size:1px%26quot;%26gt;%26lt;/div%26gt;%26lt;/td%26gt;%26quot;;
echo %26quot;%26lt;td width=%26quot;.$size_big.%26quot; height=%26quot;.$size_big.%26quot;%26gt;%26lt;/td%26gt;%26quot;;
echo %26quot;%26lt;td width=%26quot;.$size_small.%26quot; height=%26quot;.$size_big.%26quot;%26gt;%26lt;div id=time%26quot;.$number.$recid++.%26quot; style=%26quot;position:relative; width:%26quot;.$size_small.%26quot;px; height:%26quot;.$size_big.%26quot;px; background:%26quot;.$color_dark.%26quot;; font-size:1px%26quot;%26gt;%26lt;/div%26gt;%26lt;/td%26gt;%26quot;;
echo %26quot;%26lt;/tr%26gt;%26lt;tr%26gt;%26quot;;
echo %26quot;%26lt;td width=%26quot;.$size_small.%26quot; height=%26quot;.$size_small.%26quot;%26gt;%26lt;/td%26gt;%26quot;;
echo %26quot;%26lt;td width=%26quot;.$size_big.%26quot; height=%26quot;.$size_small.%26quot;%26gt;%26lt;div id=time%26quot;.$number.$recid++.%26quot; style=%26quot;position:relative; width:%26quot;.$size_big.%26quot;px; height:%26quot;.$size_small.%26quot;px; background:%26quot;.$color_dark.%26quot;; font-size:1px%26quot;%26gt;%26lt;/div%26gt;%26lt;/td%26gt;%26quot;;
echo %26quot;%26lt;td width=%26quot;.$size_small.%26quot; height=%26quot;.$size_small.%26quot;%26gt;%26lt;/td%26gt;%26quot;;
echo %26quot;%26lt;/tr%26gt;%26lt;tr%26gt;%26quot;;
echo %26quot;%26lt;td width=%26quot;.$size_small.%26quot; height=%26quot;.$size_big.%26quot;%26gt;%26lt;div id=time%26quot;.$number.$recid++.%26quot; style=%26quot;position:relative; width:%26quot;.$size_small.%26quot;px; height:%26quot;.$size_big.%26quot;px; background:%26quot;.$color_dark.%26quot;; font-size:1px%26quot;%26gt;%26lt;/div%26gt;%26lt;/td%26gt;%26quot;;
echo %26quot;%26lt;td width=%26quot;.$size_big.%26quot; height=%26quot;.$size_big.%26quot;%26gt;%26lt;/td%26gt;%26quot;;
echo %26quot;%26lt;td width=%26quot;.$size_small.%26quot; height=%26quot;.$size_big.%26quot;%26gt;%26lt;div id=time%26quot;.$number.$recid++.%26quot; style=%26quot;position:relative; width:%26quot;.$size_small.%26quot;px; height:%26quot;.$size_big.%26quot;px; background:%26quot;.$color_dark.%26quot;; font-size:1px%26quot;%26gt;%26lt;/div%26gt;%26lt;/td%26gt;%26quot;;
echo %26quot;%26lt;/tr%26gt;%26lt;tr%26gt;%26quot;;
echo %26quot;%26lt;td width=%26quot;.$size_small.%26quot; height=%26quot;.$size_small.%26quot;%26gt;%26lt;/td%26gt;%26quot;;
echo %26quot;%26lt;td width=%26quot;.$size_big.%26quot; height=%26quot;.$size_small.%26quot;%26gt;%26lt;div id=time%26quot;.$number.$recid++.%26quot; style=%26quot;position:relative; width:%26quot;.$size_big.%26quot;px; height:%26quot;.$size_small.%26quot;px; background:%26quot;.$color_dark.%26quot;; font-size:1px%26quot;%26gt;%26lt;/div%26gt;%26lt;/td%26gt;%26quot;;
echo %26quot;%26lt;td width=%26quot;.$size_small.%26quot; height=%26quot;.$size_small.%26quot;%26gt;%26lt;/td%26gt;%26quot;;
echo %26quot;%26lt;/tr%26gt;%26lt;/table%26gt;%26lt;/td%26gt;%26quot;;
if ($number==1||$number==3)
{
echo %26quot;%26lt;td%26gt;%26lt;table width=%26quot;.($size_small*3).%26quot; border=0 cellspacing=0 cellpadding=0%26gt;%26lt;tr%26gt;%26quot;;
echo %26quot;%26lt;td width=%26quot;.$size_small.%26quot; height=%26quot;.$size_small.%26quot;%26gt;%26lt;/td%26gt;%26quot;;
echo %26quot;%26lt;td width=%26quot;.$size_small.%26quot; height=%26quot;.$size_small.%26quot;%26gt;%26lt;/td%26gt;%26quot;;
echo %26quot;%26lt;td width=%26quot;.$size_small.%26quot; height=%26quot;.$size_small.%26quot;%26gt;%26lt;/td%26gt;%26quot;;
echo %26quot;%26lt;/tr%26gt;%26lt;tr%26gt;%26quot;;
echo %26quot;%26lt;td width=%26quot;.$size_small.%26quot; height=%26quot;.$size_big.%26quot;%26gt;%26lt;/td%26gt;%26quot;;
echo %26quot;%26lt;td width=%26quot;.$size_small.%26quot; height=%26quot;.$size_big.%26quot;%26gt;%26lt;div style=%26quot;position:relative; width:%26quot;.$size_small.%26quot;px; height:%26quot;.$size_small.%26quot;px; background:%26quot;.$color_light.%26quot;; font-size:1px%26quot;%26gt;%26lt;/div%26gt;%26lt;/td%26gt;%26quot;;
echo %26quot;%26lt;td width=%26quot;.$size_small.%26quot; height=%26quot;.$size_big.%26quot;%26gt;%26lt;/td%26gt;%26quot;;
echo %26quot;%26lt;/tr%26gt;%26lt;tr%26gt;%26quot;;
echo %26quot;%26lt;td width=%26quot;.$size_small.%26quot; height=%26quot;.$size_small.%26quot;%26gt;%26lt;/td%26gt;%26quot;;
echo %26quot;%26lt;td width=%26quot;.$size_small.%26quot; height=%26quot;.$size_small.%26quot;%26gt;%26lt;/td%26gt;%26quot;;
echo %26quot;%26lt;td width=%26quot;.$size_small.%26quot; height=%26quot;.$size_small.%26quot;%26gt;%26lt;/td%26gt;%26quot;;
echo %26quot;%26lt;/tr%26gt;%26lt;tr%26gt;%26quot;;
echo %26quot;%26lt;td width=%26quot;.$size_small.%26quot; height=%26quot;.$size_big.%26quot;%26gt;%26lt;/td%26gt;%26quot;;
echo %26quot;%26lt;td width=%26quot;.$size_small.%26quot; height=%26quot;.$size_big.%26quot;%26gt;%26lt;div style=%26quot;position:relative; width:%26quot;.$size_small.%26quot;px; height:%26quot;.$size_small.%26quot;px; background:%26quot;.$color_light.%26quot;; font-size:1px%26quot;%26gt;%26lt;/div%26gt;%26lt;/td%26gt;%26quot;;
echo %26quot;%26lt;td width=%26quot;.$size_small.%26quot; height=%26quot;.$size_big.%26quot;%26gt;%26lt;/td%26gt;%26quot;;
echo %26quot;%26lt;/tr%26gt;%26lt;tr%26gt;%26quot;;
echo %26quot;%26lt;td width=%26quot;.$size_small.%26quot; height=%26quot;.$size_small.%26quot;%26gt;%26lt;/td%26gt;%26quot;;
echo %26quot;%26lt;td width=%26quot;.$size_small.%26quot; height=%26quot;.$size_small.%26quot;%26gt;%26lt;/td%26gt;%26quot;;
echo %26quot;%26lt;td width=%26quot;.$size_small.%26quot; height=%26quot;.$size_small.%26quot;%26gt;%26lt;/td%26gt;%26quot;;
echo %26quot;%26lt;/tr%26gt;%26lt;/table%26gt;%26lt;/td%26gt;%26quot;;
}
}
echo %26quot;%26lt;/tr%26gt;%26lt;/table%26gt;%26quot;;
?%26gt;
%26lt;script language=%26quot;javascript%26quot;%26gt;
show();
%26lt;/script%26gt;
%26lt;/body%26gt;
%26lt;/html%26gt;
PHP+Javascript液晶时钟
2000-12-20 10:35:42 作者
相关文章
- · asp.net中调用javascript函数实现多功能日期控件示例
- · Java基础 JavaScript和Java的区别详细说明
- · 在JavaScript程序中整合Java函数
- · JavaScript中的关键字“VAR”使用详解
- · 简单的例子把OO的JavaScript说明白
- · 用JavaScript实现网页特效二例
- · javascript+xml实现二级下拉菜单一
- · javascript+xml实现二级下拉菜单二
- · Java与JavaScript的通信lixiaolong3456
- · JavaScript的编程
- · javascript特效：飘动的图片
- · JavaScript在E-mail中的应用
- · 用JSP+JavaScript打造二级级联下拉菜单
- · jsp+javascript打造级连菜单
- · Xml_javascript分页
- · 使用JavaScript访问XML数据
- · 使用javascript+xml实现分页
- · Javascript 调用XML制作连动下拉框
- · AJAX入门之深入理解JavaScript中的函数
- · 利用PHP＋JavaScript打造AJAX搜索窗