zoukankan      html  css  js  c++  java
  • jquery计算时间差(天、时、分、秒)并使用定时器实时获取

    类似网站抢购需求,会有个时间倒计时的展示(天、时、分、秒)

    要拿到最终时间与当前时间对比,算出时间差并用定时器以秒的方式执行

    实现代码:

    $(document).ready(function(){
        run(enddate);
    });
    //定时器
    function run(enddate){
        //如果enddate为后台传入的Date类型,这里直接转化为毫秒数
        enddate=new Date(eddate.replace("T"," ").getTime());
        //以500毫秒的速度执行(可以避免方法执行速度慢会影响展示效果的情况)0
        var time = 500; 
        setInterval("dateDif('"+enddate+"')",time);
    }
    //计算时间相差
    function dateDif(enddate){
        var date = enddate - new Date().getTime(); 
        var days    = date / 1000 / 60 / 60 / 24;
        var daysRound   = Math.floor(days);
        var hours    = date/ 1000 / 60 / 60 - (24 * daysRound);
        var hoursRound   = Math.floor(hours);
        var minutes   = date / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);
        var minutesRound  = Math.floor(minutes);
        var seconds   = date/ 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);
        var secondsRound  = Math.floor(seconds);
        var time = "倒计时"+(daysRound+"天"+hoursRound +"时"+minutesRound+"分"+secondsRound+"秒");
        $("#ytime").text(time);
        } 

    会得到类似如下效果:

  • 相关阅读:
    JVM内存模型
    052-224(新增70题2018)
    052-223(新增70题2018)
    052-222(新增70题2018)
    052-221(新增70题2018)
    052-220(新增70题2018)
    052-219(新增70题2018)
    052-218(新增70题2018)
    052-217(新增70题2018)
    052-216(新增70题2018)
  • 原文地址:https://www.cnblogs.com/angto64/p/5761735.html
Copyright © 2011-2022 走看看