查看: 646|回复: 0

一年一度的高考即将来临 用JS代码写一个高考倒计时

[复制链接]

748

主题

39

回帖

3907

积分

管理员

总舵主

积分
3907
QQ
发表于 2024-5-25 19:43:31 | 显示全部楼层 |阅读模式
马上就到了一年一度的高考了,作为过来人,送上一款高考倒计时js代码,希望即将赶考的同学们都能有个好成绩。


以下是通用代码,无需指定年份
  1. <div class="gn_box">
  2.                 <h1><span id="t_y">00 年</span>高考倒计时</h1>
  3.                 <h4><span id="t_y1">00 年</span>高考时间:<span id="t_y2">00 年</span>6月7、8、9日</h4>
  4.         <h4>目前距离<span id="t_y3">00 年</span>高考还有</h4>
  5.                 <DIV id="CountMsg" class="HotDate">
  6.                         <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.                 </DIV>
  11.         <script type="text/javascript">
  12.                 function getRTime(){
  13.                         var NowTime = new Date();
  14.                         var NowYear=NowTime.getFullYear();
  15.                         var EndTime= new Date(NowYear+"/06/07 09:00:00"); //截止时间

  16.                         var t =EndTime.getTime() - NowTime.getTime();
  17.                         var d=Math.floor(t/1000/60/60/24);
  18.                         var h=Math.floor(t/1000/60/60%24);
  19.                         var m=Math.floor(t/1000/60%60);
  20.                         var s=Math.floor(t/1000%60);
  21.       
  22.                         document.getElementById("t_d").innerHTML = d + " 天";
  23.                         document.getElementById("t_h").innerHTML = h + " 时";
  24.                         document.getElementById("t_m").innerHTML = m + " 分";
  25.                         document.getElementById("t_s").innerHTML = s + " 秒";
  26.                         document.getElementById("t_y").innerHTML = NowYear + "年";
  27.                         document.getElementById("t_y1").innerHTML = NowYear + "年";
  28.                         document.getElementById("t_y2").innerHTML = NowYear + "年";
  29.                         document.getElementById("t_y3").innerHTML = NowYear + "年";
  30.                 }
  31.                 setInterval(getRTime,1000);
  32.                 </script>
  33.         </div>
复制代码
样式代码根据自己的需要写就可以了!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

×
道不同,不相为谋!理想要有,万一实现了呢?
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注公众号

相关侵权、举报、投诉及建议等,请发 E-mail:2513533699@qq.com

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.|鲁ICP备19000917号|鲁公网安备37078302000320号

在本版发帖
关注公众号
QQ客服返回顶部