老师的站点怎么能没有考试相关的东西呢。高考倒计时,开始。

  1. <div class="gn_box"> 
  2.         <h1 align="center"><span id="t_y">00 年</span>高考倒计时</h1> 
  3.   <h4 align="center"><span id="t_y1">00 年</span>高考时间:<span id="t_y2">00 年</span>6月7、8、9日</h4> 
  4.         <h4 align="center">目前距离<span id="t_y3">00 年</span>高考还有</h4> 
  5.         <DIV id="CountMsg" class="HotDate"> 
  6.             <div align="center"><span id="t_d">00 天</span> 
  7.               <span id="t_h">00 时</span> 
  8.               <span id="t_m">00 分</span> 
  9.               <span id="t_s">00 秒</span> 
  10.               <h3>20高考 长高再创辉煌</h3> 
  11.           </div> 
  12.       </DIV> 
  13.     <script type="text/javascript"> 
  14.         function getRTime(){ 
  15.             var NowTime = new Date(); 
  16.             var NowYear=NowTime.getFullYear(); 
  17.             var EndTimenew Date(NowYear+"/06/07 09:00:00"); //截止时间 
  18.   
  19.             var t =EndTime.getTime() - NowTime.getTime(); 
  20.             var d=Math.floor(t/1000/60/60/24); 
  21.             var h=Math.floor(t/1000/60/60%24); 
  22.             var m=Math.floor(t/1000/60%60); 
  23.             var s=Math.floor(t/1000%60); 
  24.      
  25.             document.getElementById("t_d").innerHTML = d + " 天"; 
  26.             document.getElementById("t_h").innerHTML = h + " 时"; 
  27.             document.getElementById("t_m").innerHTML = m + " 分"; 
  28.             document.getElementById("t_s").innerHTML = s + " 秒"; 
  29.             document.getElementById("t_y").innerHTML = NowYear + "年"; 
  30.             document.getElementById("t_y1").innerHTML = NowYear + "年"; 
  31.             document.getElementById("t_y2").innerHTML = NowYear + "年"; 
  32.             document.getElementById("t_y3").innerHTML = NowYear + "年"; 
  33.         } 
  34.         setInterval(getRTime,1000); 
  35.         </script> 
  36.     </div> 

 从一个朋友那看到了一个新的高考倒计时源码,更简洁,更美观。简单的看了一下,不能自动的累加到下一年,只能设置好日期然后运行,后期有精力的话我可能会考虑二开。

  1. <style> 
  2.   .gn_box{ 
  3.   border: none; 
  4.   border-radius: 15px; } 
  5.   .gn_box { 
  6.   padding: 10px 14px; 
  7.   margin: 10px; 
  8.   margin-bottom: 20px; 
  9.   text-align: center; 
  10.   background-color: #fff; } 
  11.   #t_d{ 
  12.   color: #982585; 
  13.   font-size: 18px; } 
  14.   #t_h{ 
  15.   color: #8f79c1; 
  16.   font-size: 18px; } 
  17.   #t_m{ 
  18.   color: #65b4b5; 
  19.   font-size: 18px; } 
  20.   #t_s{ 
  21.   color: #83caa3; 
  22.   font-size: 18px; } 
  23.   </style> 
  24.   <div class="gn_box"> 
  25.   <h1> 
  26.   <font color=#E80017>2</font> 
  27.   <font color=#D1002E>0</font> 
  28.   <font color=#BA0045>2</font> 
  29.   <font color=#A3005C>0</font> 
  30.   <font  color=#8C0073></font> 
  31.   <font color=#75008A>-</font> 
  32.   <font color=#5E00A1></font> 
  33.   <font color=#4700B8></font> 
  34.   <font color=#3000CF></font> 
  35.   <font color=#1900E6></font> 
  36.   <font color=#0200FD></font> 
  37.   </h1> 
  38.   <center> <div id="CountMsg" class="HotDate"><span id="t_d"> 天</span> 
  39.   <span id="t_h"> 时</span> 
  40.   <span id="t_m"> 分</span> 
  41.   <span id="t_s"> 秒</span> 
  42.   </div></center> 
  43.   <script type="text/javascript">  
  44.   function getRTime() { 
  45.   var EndTime = new Date('2020/06/8 00:00:00'); 
  46.   var NowTime = new Date(); 
  47.   var t = EndTime.getTime() - NowTime.getTime(); 
  48.   var d = Math.floor(t / 1000 / 60 / 60 / 24); 
  49.   var h = Math.floor(t / 1000 / 60 / 60 % 24); 
  50.   var m = Math.floor(t / 1000 / 60 % 60); 
  51.   var s = Math.floor(t / 1000 % 60); 
  52.   var day = document.getElementById("t_d"); 
  53.   if (day != null) { 
  54.   dday.innerHTML = d + " 天";} 
  55.   var hour = document.getElementById("t_h"); 
  56.   if (hour != null) { 
  57.   hhour.innerHTML = h + " 时";} 
  58.   var min = document.getElementById("t_m"); 
  59.   if (min != null) { 
  60.   mmin.innerHTML = m + " 分";} 
  61.   var sec = document.getElementById("t_s"); 
  62.   if (sec != null) { 
  63.   ssec.innerHTML = s + " 秒";     } } 
  64.   setInterval(getRTime, 1000); 
  65.   </script> </div>