倒计时

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>倒计时</title>
    <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
        function lxfEndtime() {
            $(".lxftime").each(function () {
                var lxfday = $(this).attr("lxfday"); //用来判断是否显示天数的变量
                var endtime = new Date($(this).attr("endtime")).getTime(); //取结束日期(毫秒值)
                var nowtime = new Date().getTime();        //今天的日期(毫秒值)
                var youtime = endtime - nowtime; //还有多久(毫秒值)
                var seconds = youtime / 1000;
                var minutes = Math.floor(seconds / 60);
                var hours = Math.floor(minutes / 60);
                var days = Math.floor(hours / 24);
                var CDay = days;
                var CHour = hours % 24;
                var CMinute = minutes % 60;
                var CSecond = Math.floor(seconds % 60); //"%"是取余运算，可以理解为60进一后取余数，然后只要余数。
                if (endtime <= nowtime) {
                    $(this).html("已过期")//如果结束日期小于当前日期就提示过期啦
                } else {
                    if ($(this).attr("lxfday") == "no") {
                        $(this).html("<i>剩余时间：</i><span>" + CHour + "</span>时<span>" + CMinute + "</span>分<span>" + CSecond + "</span>秒");//输出没有天数的数据
                    } else {
                        //$(this).html();          //输出有天数的数据
                        $(this).html("<i>剩余时间：</i><i>" + CDay + "天</i><span>" + CHour + "</span>时<span>" + CMinute + "</span>分<span>" + CSecond + "</span>秒");
                    }
                }
            });
            setTimeout("lxfEndtime()", 1000);
        };
        $(function () {
            lxfEndtime();
        });
    </script>
</head>
<body>
    <h6 class="clearfix"><p>春节倒计时:</p><div class="lxftime"  endtime="12/12/2017 00:0:0"><span>天</span></div></h6>
</body>
</html>

posted on 2017-04-24 15:55  37℃的冰  阅读(128)  评论(0)    收藏  举报

导航