JS 实现倒计时

时间:2022-03-19 20:40:57
使用JS实现倒计时功能
 1 JS 实现倒计时<! DOCTYPE HTML PUBLIC  " -//W3C//DTD HTML 4.0 Transitional//EN " >
 2 JS 实现倒计时 < HTML >
 3 JS 实现倒计时 < HEAD >
 4 JS 实现倒计时 < TITLE > 倒计时 </ TITLE >
 5 JS 实现倒计时 < META NAME = " Generator "  CONTENT = " EditPlus " >
 6 JS 实现倒计时 < META NAME = " Author "  CONTENT = "" >
 7 JS 实现倒计时 < META NAME = " Keywords "  CONTENT = "" >
 8 JS 实现倒计时 < META NAME = " Description "  CONTENT = "" >
 9 JS 实现倒计时 </ HEAD >
10 JS 实现倒计时
11 JS 实现倒计时 < BODY >
12 JS 实现倒计时  < div id = " TimeCounter "  style = " border:1px solid black;margin:1px;padding:2px;width:170px " ></ div >
13 JS 实现倒计时 < SCRIPT language = javascript >
14 JS 实现倒计时 <!--
15 JS 实现倒计时JS 实现倒计时function show_date_time() {
16JS 实现倒计时 window.setTimeout("show_date_time()"1000);
17JS 实现倒计时 target=new Date(2007,9,19,10,13,0);
18JS 实现倒计时 today=new Date();
19JS 实现倒计时 timeold=(target.getTime()-today.getTime());
20JS 实现倒计时 
21JS 实现倒计时 sectimeold=timeold/1000
22JS 实现倒计时 secondsold=Math.floor(sectimeold);
23JS 实现倒计时 msPerDay=24*60*60*1000
24JS 实现倒计时 e_daysold=timeold/msPerDay
25JS 实现倒计时 daysold=Math.floor(e_daysold);
26JS 实现倒计时 e_hrsold=(e_daysold-daysold)*24;
27JS 实现倒计时 hrsold=Math.floor(e_hrsold);
28JS 实现倒计时 e_minsold=(e_hrsold-hrsold)*60;
29JS 实现倒计时 minsold=Math.floor((e_hrsold-hrsold)*60);
30JS 实现倒计时 seconds=Math.floor((e_minsold-minsold)*60);
31JS 实现倒计时 
32JS 实现倒计时JS 实现倒计时  if (daysold<0{
33JS 实现倒计时 document.getElementById("TimeCounter").innerHTML="逾期,倒计时已经失效";
34JS 实现倒计时}

35JS 实现倒计时JS 实现倒计时 else{
36JS 实现倒计时JS 实现倒计时 if (daysold<10{daysold="0"+daysold}
37JS 实现倒计时JS 实现倒计时 if (daysold<100{daysold="0"+daysold}
38JS 实现倒计时JS 实现倒计时 if (hrsold<10{hrsold="0"+hrsold}
39JS 实现倒计时JS 实现倒计时 if (minsold<10{minsold="0"+minsold}
40JS 实现倒计时JS 实现倒计时 if (seconds<10{seconds="0"+seconds}
41JS 实现倒计时JS 实现倒计时 if (daysold<3{
42JS 实现倒计时  document.getElementById("TimeCounter").innerHTML="<font color=red>"+daysold+""+hrsold+"小时"+minsold+""+seconds+"秒</font>";
43JS 实现倒计时}

44JS 实现倒计时 else
45JS 实现倒计时  document.getElementById("TimeCounter").innerHTML=daysold+""+hrsold+"小时"+minsold+""+seconds+"";
46JS 实现倒计时}

47JS 实现倒计时}

48 JS 实现倒计时show_date_time();
49 JS 实现倒计时 // -->
50 JS 实现倒计时 </ SCRIPT ></ div >
51 JS 实现倒计时 </ BODY >
52 JS 实现倒计时 </ HTML >
53 JS 实现倒计时
54 JS 实现倒计时