zoukankan      html  css  js  c++  java
  • 倒计时

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>倒计时</title>
    </head>
    <body>
    <span id="y"></span>
    小时:<span id="h"></span>
    分钟:<span id="m"></span>
    秒:<span id="s"></span>
    <script src="jquery.min.js"></script>
    <script>
    upDateTime();
    // 直播倒计时
    function upDateTime(){
    //获取当前的时间戳
    var nowTime = new Date().getTime();
    //获取结束时的时间戳
    // var endTime = new Date($('.endtime input').val()).getTime();
    var endTime = new Date('2017/11/11 19:30:00').getTime();
    // 时间差
    var t = endTime - nowTime;
    //在js当中函数里面的return后面的代码不执行
    if(t<=0) {
    $('.time').hide();
    $('.linenum').show()
    };
    // var d = Math.floor(t/1000/60/60/24);
    // console.log(d);
    var h = Math.floor(t/1000/60/60);
    var i = Math.floor(t/1000/60%60);
    var s = Math.floor(t/1000%60);
    var day = Math.floor(t/1000/60/60/24);
    var date = new Date();
    // year
    var year = date.getFullYear();
    //month
    var month = date.getMonth()+1;
    // day
    var date1 = date.getDate();
    // hours
    var hour = date.getHours();

    var min = date.getMinutes();
    $('#y').html(year+'&nbsp;年&nbsp;'+month+'&nbsp;月&nbsp;'+date1+'日&nbsp;'+day+'天');
    $('#h').html(gettwo(h));
    $('#m').html(gettwo(i));
    $('#s').html(gettwo(s));
    setTimeout(upDateTime, 1000);
    }

    // 如果是个位数在数字前加0
    function gettwo(num){
    if(num<10){
    return '0'+num;
    }else{
    return num
    }
    }
    </script>
    </body>
    </html>

  • 相关阅读:
    DAY1 linux 50条命令
    安卓2.0,3.0,4.0的差别
    java历史
    晶体管共射极单管放大电路
    jquery取消选择select下拉框
    oarcle数据库导入导出,创建表空间
    360chrome,google chrome浏览器使用jquery.ajax加载本地html文件
    jquery 选择器
    nodejs 相关
    关于http请求
  • 原文地址:https://www.cnblogs.com/studyh5/p/7814372.html
Copyright © 2011-2022 走看看