jq实现(天时分秒)倒计时

  • Post author:
  • Post category:其他


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>
</head>

<body>
    <span class="credt_time" title="2018/01/05 10:06:00"></span>
    <script>
    function show_time() {
        $(".credt_time").each(function() {
            var endtime = $(this).prop("title");
            var time_start = new Date().getTime(); //设定当前时间
            var time_end = new Date(endtime).getTime(); //设定目标时间
            var time_distance = time_end - time_start;
            var timer;
            if (time_distance >= 0) {
                var int_day = Math.floor(time_distance / 86400000)
                time_distance -= int_day * 86400000;
                var int_hour = Math.floor(time_distance / 3600000)
                time_distance -= int_hour * 3600000;
                var int_minute = Math.floor(time_distance / 60000)
                time_distance -= int_minute * 60000;
                var int_second = Math.floor(time_distance / 1000)
                if (int_day < 10) {
                    int_day = "0" + int_day;
                }
                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;
                }
                $(this).html(int_day + "天" + int_hour + "时" + int_minute + "分" + int_second + "秒");
            }else{
                clearInterval(timer);
                $(this).html('00天00时00分00秒');
            }



        })
        timer = setTimeout("show_time()", 1000);
    }

    show_time();
    </script>
</body>

</html>

转载于:https://www.cnblogs.com/chenmiaosong/p/8065500.html