网购类的倒计时收藏一下

最新推荐文章于 2025-02-15 17:56:36 发布

原创最新推荐文章于 2025-02-15 17:56:36 发布 · 1.5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#function #server #date #电子商务 #string #asp

收藏专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一段用于展示倒计时功能的前端代码，包括如何使用jQuery进行时间计算和格式化显示，适用于电子商务场景的实时计时需求。

一直做电子商务开发的随时要用到先收藏一下吧！

前端源码：

<head runat="server">
    <title>倒计时.</title>

    <script src="Js/jquery-1.4.3.min.js" type="text/javascript"></script>//自己下载应该最新的1.6几了

    <script type="text/javascript">
    function CountDown(end) { //end是结束时间
        var starttime = new Date();
        var endtime = new Date(Date.parse(end.replace(/-/g, "/")));
        var dvalue = parseInt((endtime.getTime() - starttime.getTime()) / 1000);
        var strtime="";
        if (dvalue > 0) {
            var day = parseInt(dvalue / 3600 / 24);
            if (day > 0) {//注意把int类型转化为string类型再判断length;
                if (day.toString().length > 1) {
                    strtime += "<span>" + day + "</span>" + "天";
                }
                else {
                    strtime += "<span>0" + day + "</span>" + "天";
                }
            }
            else {
                strtime += "<span>00</span>天";
            }
            var hour = parseInt((dvalue / 3600) % 24);
            if (hour > 0) {
                if (hour.toString().length > 1) {
                    strtime += "<span>" + hour + "</span>" + "小时";
                }
                else {
                    strtime += "<span>0" + hour + "</span>" + "小时";
                }
            }
            else {
                strtime += "<span>00</span>小时";
            }
            var minute = parseInt((dvalue / 60) % 60);
            if (minute > 0) {
                if (minute.toString().length > 1) {
                    strtime += "<span>" + minute + "</span>" + "分";
                }
                else {
                    strtime += "<span>0" + minute + "</span>" + "分";
                }
            }
            else {
                strtime += "<span>00</span>分";
            }
            var second = parseInt(dvalue % 60);
            if (second.toString().length > 1) {
                strtime += "<span>" + second + "</span>" + "秒";
            }
            else {
                strtime += "<span>0" + second + "</span>" + "秒";
            }
            return (strtime);
        }
        else {
            //alert("时间已到！");
            return "";
        }
    }
    //调用方法
    function tick(obj, time) {
        $("#"+obj+"").html(CountDown(time));
        window.setTimeout("tick('"+obj+"','"+time+"')", 1000);
    }
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        距离2012年国庆节还有：
        <asp:Label ID="lbtime" runat="server"></asp:Label>
    </div>
    <script type="text/javascript">
        tick("lbtime","2012-10-01 00:00:00");
    </script>

    </form>
</body>