zoukankan      html  css  js  c++  java
  • 倒计时(距离活动结束还有X天X小时X分X秒)

    一个简单的倒计时,可以设定结束时间,然后自动计算出距离活动结束还有X天X小时X分X秒。

    废话不多说,上代码,挺简单的,代码里有注释:

    //    活动倒计时
        var time_end = new Date("2016/9/16 17:00:00");  // 将结束时间设定为国际标准时间
        time_end = time_end.getTime();  //获得结束时间到1970/01/01之间的毫秒数
        function show_time(){
            var time_now = new Date();  // 获取当前时间
            time_now = time_now.getTime();  //获取当前时间到1970/01/01之间的毫秒数
            var time_distance = time_end - time_now;  // 结束时间减去当前时间
            var int_day, int_hour, int_minute, int_second;
            if(time_distance >= 0){
                // 天时分秒换算
                int_day = Math.floor(time_distance/86400000)  //计算有多少天,向下取整
                time_distance -= int_day * 86400000;  //间隔时间减去天数
                int_hour = Math.floor(time_distance/3600000)  //计算剩余时间含有多少小时,向下取整
                time_distance -= int_hour * 3600000;  //再减去整数小时
                int_minute = Math.floor(time_distance/60000)  //计算剩余时间含有多少分钟,向下取整
                time_distance -= int_minute * 60000;  //再减去整数分钟
                int_second = Math.floor(time_distance/1000)  //计算剩余时间含有多少秒
                // 时分秒为单数时、前面加零站位
                if(int_hour < 10)
                    int_hour = "0" + int_hour;
                if(int_minute < 10)
                    int_minute = "0" + int_minute;
                if(int_second < 10)
                    int_second = "0" + int_second;
                // 显示时间
                $('.day').html(int_day);
                $('.hour').html(int_hour)
                $('.min').html(int_minute)
                $('.second').html(int_second)
            }
        };
        window.setInterval(function(){show_time();}, 1000);
    View Code
  • 相关阅读:
    Spring Bean Scope 有状态的Bean 无状态的Bean
    管理Mysql常用指令
    mysql处理特殊字符
    linux下memcached安装 和redis安装,jdk,tomcat,mysql 安装
    Jenkins
    tomcat站点配置
    tomcat配置jdbc
    spring 深入reading
    JAVA随机数之多种方法从给定范围内随机N个不重复数
    Intellij IDEA 快捷键整理
  • 原文地址:https://www.cnblogs.com/abuc/p/5853890.html
Copyright © 2011-2022 走看看