Blogger Information
Blog 49
fans 0
comment 4
visits 41766
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
制作距离新年倒计时(时间:2019年1月23日 10:36)
过儿的博客
Original
702 people have browsed it

jQuery文件引入:

实例

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

运行实例 »

点击 "运行实例" 按钮查看在线实例

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>jquery第一课</title>
      <script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
      <style>
      .content{
          width: 1000px;
          height: 250px;
          background:pink;
          color:cornsilk;
          text-align: center;
          padding-top: 50px;
          margin:0 auto;
         
      }
    
    </style>
    <script type="text/javascript">
        $(function(){
            function Ro() {
                var d = Date.parse("Feb 05,2019");//返回1970年1月1日到新年午夜的毫秒数
                var date =new Date(); //获得当前时间
                var dd = date.getTime();//计算当前时间距离1970年1月1日的毫秒数
                var rd = Math.floor((d - dd)/1000);//秒数
                var days = Math.floor(rd/86400);//天数
                var hours = Math.floor(rd % 86400/3600); //取余以后就是不到一天的秒数,在除以3600就是小时数
                var minus = Math.floor(rd % 3600/60);//小时取余之后得分钟数
                var secos = Math.floor(rd % 60);
                $("span").text(days + "/天" + hours + "/小时" + minus + "/分钟" + secos + "/秒") 
            }
            setInterval(Ro,1000);
        })
    </script>
  
</head>
<body>
    <div class="content">
        2019年农历春节倒计时:<span></span>
    </div>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

1.png

Correction status:Uncorrected

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post