动态显示2019年农历春节倒计时—2019年1月21日23时45分

实例
实例
<!DOCTYPE html>


<html>


<head>


    <title>春节倒计时</title>


    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>


    <style type="text/css">


      .HotDate{width: 1000px;height: 1000px;


               background: rgb(4, 0, 255);text-align:center;


               line-height: 500px;margin-bottom: 3px;


             }


               


 </style>


 


  </head>


  


  <div id="CountMsg" class="HotDate">


        <span>目前距离2019年春节过年还有</span>


    <span id="t_d">13 天</span>


        <span id="t_h">8 时</span>


        <span id="t_m">37 分</span>


        <span id="t_s">31 秒</span>


    </div>


    <script type="text/javascript">


        function getRTime(){


            var EndTime= new Date('2019/02/05 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);


    


            document.getElementById("t_d").innerHTML = d + " 天";


            document.getElementById("t_h").innerHTML = h + " 时";


            document.getElementById("t_m").innerHTML = m + " 分";


            document.getElementById("t_s").innerHTML = s + " 秒";


        }


        setInterval(getRTime,1000);


        $("div").css("align", "center");    //内容居中


$("div").css("margin", "0 auto"); 


$(function(){


    $('#CountMsg').css('color','rgb(15, 20, 20)').css('fontSize','30px');


});



        </script>


        


</html>
<a class="showbtn codebtn" href="#" target="_blank">运行实例 »</a>
<p>点击 "运行实例" 按钮查看在线实例</p>
相关文章
