Php+javascript LCD Clock
Last Update:2017-02-28
Source: Internet
Author: User
?
$size _small=5;//LCD Width
$size _big=25;//Liquid Crystal length
$distance =10;//Spacing
$color _back= "#DDDDDD";
$color _dark= "#CCCCCC";
$color _light= "#000000";
$number = 0;
?>
<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)//Change color
{
if (onoff)
{
Obj.style.background= ". echo $color _light;? > ";
}
Else
{
Obj.style.background= ". echo $color _dark;? > ";
}
}
function Change (number,timer)//process Digital display
{
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 ()/Update time
{
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>
?
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>