Let's take a look at the effect.
The code is simple, but the setTimeout () function of javascript is used.
Html used"
Copy codeThe Code is as follows:
<Table>
<Td bgcolor = "EE8F8F" height = "45">
Src = "dg8.gif" name = "hr2"> Src = "dgc.gif" name = "c"> Src = "dg8.gif" name = "mn1"> Src = "dg8.gif" name = "Fe2"> Src = "dgc.gif" name = "c"> Src = "dg8.gif" name = "se1"> Src = "dg8.gif" name = "se2">
</Td> </table>
Then we implemented javascript that kept timing:
Copy codeThe Code is as follows:
<Script language = "javascript"> <! --
Dg0 = new Image (); dg0.src = "dg0.gif ";
Dg1 = new Image (); dg1.src = "dg1.gif ";
Dg2 = new Image (); dg2.src = "dg2.gif ";
Dg3 = new Image (); dg3.src = "dg3.gif ";
Dg4 = new Image (); dg4.src = "dg4.gif ";
Dg5 = new Image (); dg5.src = "dg5.gif ";
Dg6 = new Image (); dg6.src = "dg6.gif ";
Dg7 = new Image (); dg7.src = "dg7.gif ";
Dg8 = new Image (); dg8.src = "dg8.gif ";
Dg9 = new Image (); dg9.src = "dg9.gif ";
Dgc = new Image (); dgc. 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'eclipse_g}'.gif ';
Document. se2.src = 'dg'eclipse_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>
The following are some images I have used: