Let's see the effect first.
The code is simple, just using the JavaScript settimeout () function.
Used HTML "
Copy Code code as follows:
<table>
<TD bgcolor= "ee8f8f" height= ">"
Src= "Dg8.gif" name= "HR2" >Src= "Dgc.gif" Name= "C" >Src= "Dg8.gif" name= "Mn1" >Src= "Dg8.gif" name= "Mn2" >Src= "Dgc.gif" Name= "C" >Src= "Dg8.gif" name= "SE1" >Src= "Dg8.gif" name= "Se2" >
</td></table>
And then there's the constant timing of javascript:
Copy Code code as follows:
<script language= "JavaScript" ><!--
Dg0 = new Image ();d g0.src = "Dg0.gif";
DG1 = new Image ();d g1.src = "Dg1.gif";
DG2 = new Image ();d g2.src = "Dg2.gif";
DG3 = new Image ();d g3.src = "Dg3.gif";
DG4 = new Image ();d g4.src = "Dg4.gif";
DG5 = new Image ();d g5.src = "Dg5.gif";
Dg6 = new Image ();d g6.src = "Dg6.gif";
Dg7 = new Image ();d g7.src = "Dg7.gif";
Dg8 = new Image ();d g8.src = "Dg8.gif";
Dg9 = new Image ();d g9.src = "Dg9.gif";
DGC = new Image ();d gc.src = "Dgc.gif";
Se_d=0;
se_g=0;
mn_g=0;
Mn_d=0;
hr_g=0;
Hr_d=0;
function Dotimer () {
Thetime=settimeout (' Dotimer () ', 1000);
ﲻʹ60 4 hr,mn SE
ʹøߣλ4ʾ
DOCUMENT.HR1.SRC = ' dg ' +hr_g+ '. gif ';
DOCUMENT.HR2.SRC = ' dg ' +hr_d+ '. gif ';
DOCUMENT.MN1.SRC = ' dg ' +mn_g+ '. gif ';
DOCUMENT.MN2.SRC = ' dg ' +mn_d+ '. gif ';
DOCUMENT.SE1.SRC = ' dg ' +se_g+ '. gif ';
DOCUMENT.SE2.SRC = ' dg ' +se_d+ '. gif ';
if (Se_d < 9)
{
Se_d=se_d +1;}
Else
{
Se_d=0;
se_g=se_g+1;
}
if (Se_g > 5)
{se_g = 0;
Mn_d=mn_d +1;
if (Mn_d > 9)
{mn_d = 0;
Mn_g = mn_g+1;}
if (Mn_g >5)
{
mn_g=0;
hr_d=hr_d+1;
}
if (Hr_d >9)
{
Hr_d=0;
hr_g=hr_g+1;
}
}
}
Dotimer ();
End
--></script>
Finally attach a few pictures I used: