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);
        } 

    会得到类似如下效果:

  • 相关阅读:
    (CodeForces 548B 暴力) Mike and Fun
    (BestCoder Round #64 (div.2))Array
    (2015 杭电校赛 )玩骰子
    js基础
    frame框架标签
    html
    div嵌套div标签 里层的div透明属性
    div嵌套div标签
    盒子标签div嵌套
    divspan盒子模型
  • 原文地址:https://www.cnblogs.com/angto64/p/5761735.html
Copyright © 2011-2022 走看看