团购网倒计时实例

<div class="g_main">
            <div class="l mainl">
                <div id="goods_26083" class="goods" style="padding-bottom: 10px;">
                    <div class="c todydeal">
                        <div class="mid">
                            <div class="dealinfo">
                                <div class="l deal_l">
                                    <div class="deal_samebox">
                                        <div class="l title">
                                            距离本次团购结束还有:<br>
                                            <span id="time_26083"></span>
                                        </div>
                                        <div class="r">
                                            <img src="http://hi.csdn.net/attachment/201109/26/0_131702066299Jo.gif" width="29" height="50/"></div>
                                        <div id="sec_left_26083" style="display: none;" class="time_left">
                                            10</div>
                                        <div class="c">
                                        </div>
                                        <ul id="counter">
                                        </ul>
                                        <div class="c">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="goods_25875" class="goods" style="padding-bottom: 10px;">
                    <div class="c todydeal">
                        <div class="mid">
                            <div class="dealinfo">
                                <div class="l deal_l">
                                    <div class="deal_samebox">
                                        <div class="l title">
                                            距离本次团购结束还有:<br>
                                            <span id="time_25875"></span>
                                        </div>
                                        <div class="r">
                                            <img src="http://hi.csdn.net/attachment/201109/26/0_131702066299Jo.gif" width="29" height="50/"></div>
                                        <div id="sec_left_25875" style="display: none;" class="time_left">
                                            122034</div>
                                        <div class="c">
                                        </div>
                                        <ul id="counter">
                                        </ul>
                                        <div class="c">
                                        </div>
                                    </div>
                                </div>
                                <div class="c">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
<script type="text/javascript" language="javascript">
        var sec = {};
        function getInitTime() {
            $('.time_left').each(function () {
                var jobj = $(this);
                var SysSecond = parseInt(jobj.text());
                var theid = parseInt((jobj.attr('id')).replace(/sec_left_/, ''));
                sec[theid] = SysSecond;
            });
        }

        function SetRemainTime() {
            for (var i in sec) {
                setRemainTimeSite(i, sec[i]);
            }
        }
        function setRemainTimeSite(theid, SysSecond) {
            if (SysSecond > 0) {
                SysSecond = SysSecond - 1;
                var second = Math.floor(SysSecond % 60).toString();
                var minite = Math.floor((SysSecond / 60) % 60).toString();
                var hour = Math.floor((SysSecond / 3600) % 24).toString();
                var day = Math.floor((SysSecond / 3600) / 24).toString();
                $("#time_" + theid).html(day + "天" + hour + "小时" + minite + "分" + second + "秒");
                sec[theid]--;
            } else {
                return;
            }
        }
        $(function () {
            getInitTime();
            window.setInterval(SetRemainTime, 1000);
        })
        </script>
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值