團購網倒計時實例

<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>
 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章