一个页面不同的倒计时

最新推荐文章于 2022-12-21 00:03:34 发布

weixin_30768661

最新推荐文章于 2022-12-21 00:03:34 发布

阅读量108

点赞数

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/nns4/p/7484415.html

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
        <script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
        <script language="javascript">
            $(function() {
                updateEndTime();
            });
            //倒计时函数
            function updateEndTime() {
                var date = new Date();
                var time = date.getTime(); //当前时间距1970年1月1日之间的毫秒数

                $(".settime").each(function(i) {

                    var endDate = this.getAttribute("endTime"); //结束时间字符串
                    //转换为时间日期类型
                    var endDate1 = eval('new Date(' + endDate.replace(/\d+(?=-[^-]+$)/, function(a) {
                        return parseInt(a, 10) - 1;
                    }).match(/\d+/g) + ')');

                    var endTime = endDate1.getTime(); //结束时间毫秒数

                    var lag = (endTime - time) / 1000; //当前时间和结束时间之间的秒数
                    if(lag > 0) {

                        var second = Math.floor(lag % 60);
                        var minite = Math.floor((lag / 60) % 60);
                        var hour = Math.floor((lag / 3600) % 24);
                        var day = Math.floor((lag / 3600) / 24);
                        if(second < 10) {
                            second = "0" + second
                        }
                        if(hour < 10) {
                            hour = "0" + hour
                        }

                        if(minite < 10) {
                            minite = "0" + minite
                        }

                        if(day < 10) {
                            day = "0" + day
                        }

                        $(this).html(day + "天" + hour + "小时" + minite + "分" + second + "秒");
                        console.log($(this))
                    } else {
                        $(this).html(00 + "天" + 00 + "小时" + 00 + "分" + 00 + "秒");
                    }
                });
                setTimeout("updateEndTime()", 1000);
            }
        </script>
    </head>

    <body>
        <div class="settime" endTime="2017-09-06 13:40:01">
            <sapn></sapn>
        </div>
        可以写在循环里，只有保持跟上面的ID一致就可以啦
        <div class="settime" endTime="2019-08-12 14:50:07"></div>
    </body>

</html>

转载于:https://www.cnblogs.com/nns4/p/7484415.html

weixin_30768661

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
一个页面不同的倒计时

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head>...
复制链接

扫一扫