高考倒计时源码
(15)

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

<div class="gn_box"> 
        <h1 align="center"><span id="t_y">00 年</span>高考倒计时</h1> 
  <h4 align="center"><span id="t_y1">00 年</span>高考时间:<span id="t_y2">00 年</span>6月7、8、9日</h4> 
        <h4 align="center">目前距离<span id="t_y3">00 年</span>高考还有</h4> 
        <DIV id="CountMsg" class="HotDate"> 
            <div align="center"><span id="t_d">00 天</span> 
              <span id="t_h">00 时</span> 
              <span id="t_m">00 分</span> 
              <span id="t_s">00 秒</span> 
              <h3>20高考 长高再创辉煌</h3> 
          </div> 
      </DIV> 
    <script type="text/javascript"> 
        function getRTime(){ 
            var NowTime = new Date(); 
            var NowYear=NowTime.getFullYear(); 
            var EndTime= new Date(NowYear+"/06/07 09:00:00"); //截止时间 
  
            var t =EndTime.getTime() - NowTime.getTime(); 
            var d=Math.floor(t/1000/60/60/24); 
            var h=Math.floor(t/1000/60/60%24); 
            var m=Math.floor(t/1000/60%60); 
            var s=Math.floor(t/1000%60); 
     
            document.getElementById("t_d").innerHTML = d + " 天"; 
            document.getElementById("t_h").innerHTML = h + " 时"; 
            document.getElementById("t_m").innerHTML = m + " 分"; 
            document.getElementById("t_s").innerHTML = s + " 秒"; 
            document.getElementById("t_y").innerHTML = NowYear + "年"; 
            document.getElementById("t_y1").innerHTML = NowYear + "年"; 
            document.getElementById("t_y2").innerHTML = NowYear + "年"; 
            document.getElementById("t_y3").innerHTML = NowYear + "年"; 
        } 
        setInterval(getRTime,1000); 
        </script> 
    </div> 

js.jpg
从一个朋友那看到了一个新的高考倒计时源码,更简洁,更美观。简单的看了一下,不能自动的累加到下一年,只能设置好日期然后运行

<style> 
  .gn_box{ 
  border: none; 
  border-radius: 15px; } 
  .gn_box { 
  padding: 10px 14px; 
  margin: 10px; 
  margin-bottom: 20px; 
  text-align: center; 
  background-color: #fff; } 
  #t_d{ 
  color: #982585; 
  font-size: 18px; } 
  #t_h{ 
  color: #8f79c1; 
  font-size: 18px; } 
  #t_m{ 
  color: #65b4b5; 
  font-size: 18px; } 
  #t_s{ 
  color: #83caa3; 
  font-size: 18px; } 
  </style> 
  <div class="gn_box"> 
  <h1> 
  <font color=#E80017>2</font> 
  <font color=#D1002E>0</font> 
  <font color=#BA0045>2</font> 
  <font color=#A3005C>0</font> 
  <font  color=#8C0073>年</font> 
  <font color=#75008A>-</font> 
  <font color=#5E00A1>高</font> 
  <font color=#4700B8>考</font> 
  <font color=#3000CF>倒</font> 
  <font color=#1900E6>计</font> 
  <font color=#0200FD>时</font> 
  </h1> 
  <center> <div id="CountMsg" class="HotDate"><span id="t_d"> 天</span> 
  <span id="t_h"> 时</span> 
  <span id="t_m"> 分</span> 
  <span id="t_s"> 秒</span> 
  </div></center> 
  <script type="text/javascript">  
  function getRTime() { 
  var EndTime = new Date('2020/06/8 00:00:00'); 
  var NowTime = new Date(); 
  var t = EndTime.getTime() - NowTime.getTime(); 
  var d = Math.floor(t / 1000 / 60 / 60 / 24); 
  var h = Math.floor(t / 1000 / 60 / 60 % 24); 
  var m = Math.floor(t / 1000 / 60 % 60); 
  var s = Math.floor(t / 1000 % 60); 
  var day = document.getElementById("t_d"); 
  if (day != null) { 
  dday.innerHTML = d + " 天";} 
  var hour = document.getElementById("t_h"); 
  if (hour != null) { 
  hhour.innerHTML = h + " 时";} 
  var min = document.getElementById("t_m"); 
  if (min != null) { 
  mmin.innerHTML = m + " 分";} 
  var sec = document.getElementById("t_s"); 
  if (sec != null) { 
  ssec.innerHTML = s + " 秒";     } } 
  setInterval(getRTime, 1000); 
  </script> </div> 
本文为作者admin发布,未经允许禁止转载!
上一篇 下一篇
评论
暂无评论 >_<
加入评论