admin 发表于 2024-5-25 19:43:31

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

马上就到了一年一度的高考了,作为过来人,送上一款高考倒计时js代码,希望即将赶考的同学们都能有个好成绩。


以下是通用代码,无需指定年份
<div class="gn_box">
                <h1><span id="t_y">00 年</span>高考倒计时</h1>
                <h4><span id="t_y1">00 年</span>高考时间:<span id="t_y2">00 年</span>6月7、8、9日</h4>
      <h4>目前距离<span id="t_y3">00 年</span>高考还有</h4>
                <DIV id="CountMsg" class="HotDate">
                        <span id="t_d">00 天</span>
                        <span id="t_h">00 时</span>
                        <span id="t_m">00 分</span>
                        <span id="t_s">00 秒</span>
                </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>样式代码根据自己的需要写就可以了!
页: [1]
查看完整版本: 一年一度的高考即将来临 用JS代码写一个高考倒计时