首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

asp.net repeater里边时间倒计时 在线坐等 嗑瓜子等 时刻刷新等

2013-08-01 
asp.netrepeater里面时间倒计时 在线坐等 嗑瓜子等 时刻刷新等上代码 不废话div classleft-cdiv cla

asp.net repeater里面时间倒计时 在线坐等 嗑瓜子等 时刻刷新等
上代码 不废话

                
<div class="left-c">
    <div class="c-content">
        <div class="c-headimg">
            <img alt="asp.net repeater里边时间倒计时 在线坐等 嗑瓜子等 时刻刷新等" src="images/index/img-head.gif" height="80px" width="80px" /></div>
        <div class="c-right">
            <p class="c-title_p">
                <label>
                    serwerwqe</label></label></p>
            <div class="c-right_mid2">
                <p>
                    借出金额:<label>5000</label>
                    <span>元</span></p>
                <p class="bo_p">
                    放款利率:<label class="bo_la">12</label>
                    <span class="bo_span">%</span></p>
                <p class="small_p">
                    放款期限:<label>102</label>
                    <span>个月</span></p>
                <p>
                    投标数量:<label>0</label></p>
                <p class="posi_p">
                    剩余时间:


                    <label class="co_la" id="remainTime0">
                    </label>
                    <input type="hidden" id="remainSeconds0" value="864000" />
                </p>
                <p class="special">
                    <a class="c-btn_a2" href="Lending/Qida_UserLoans_RaiseInfo.aspx?BorrowID=109">立即竞标</a></p>
            </div>
            <div class="clear">
            </div>
        </div>
    </div>
</div>
<div class="left-c">
    <div class="c-content">
        <div class="c-headimg">
            <img alt="asp.net repeater里边时间倒计时 在线坐等 嗑瓜子等 时刻刷新等" src="images/index/img-head.gif" height="80px" width="80px" /></div>
        <div class="c-right">
            <p class="c-title_p">
                <label>
                    123123</label></label></p>
            <div class="c-right_mid2">
                <p>
                    借出金额:<label>4000</label>
                    <span>元</span></p>
                <p class="bo_p">
                    放款利率:<label class="bo_la">12</label>


                    <span class="bo_span">%</span></p>
                <p class="small_p">
                    放款期限:<label>103</label>
                    <span>个月</span></p>
                <p>
                    投标数量:<label>0</label></p>
                <p class="posi_p">
                    剩余时间:
                    <label class="co_la" id="remainTime3">
                    </label>
                    <input type="hidden" id="remainSeconds3" value="432000" />
                </p>
                <p class="special">
                    <a class="c-btn_a2" href="Lending/Qida_UserLoans_RaiseInfo.aspx?BorrowID=108">立即竞标</a></p>
            </div>
        </div>
    </div>
    <div class="clear">
    </div>
</div>
<div class="left-c">
    <div class="c-content">
        <div class="c-headimg">
            <img alt="asp.net repeater里边时间倒计时 在线坐等 嗑瓜子等 时刻刷新等" src="images/index/img-head.gif" height="80px" width="80px" /></div>
        <div class="c-right">
            <p class="c-title_p">


                <label>
                    厄特是短发散发</label></label></p>
            <div class="c-right_mid2">
                <p>
                    借出金额:<label>3000</label>
                    <span>元</span></p>
                <p class="bo_p">
                    放款利率:<label class="bo_la">12</label>
                    <span class="bo_span">%</span></p>
                <p class="small_p">
                    放款期限:<label>102</label>
                    <span>个月</span></p>
                <p>
                    投标数量:<label>0</label></p>
                <p class="posi_p">
                    剩余时间:
                    <label class="co_la" id="remainTime6">
                    </label>
                    <input type="hidden" id="remainSeconds6" value="432000" />
                </p>
                <p class="special">


                    <a class="c-btn_a2" href="Lending/Qida_UserLoans_RaiseInfo.aspx?BorrowID=105">立即竞标</a></p>
            </div>
            <div class="clear">
            </div>
        </div>
    </div>
</div> 
[code=html]


下面还有N多个<div class="left-c"> 但是下面的input 的id 和label的id都是remainSeconds开头 和remainTime开头 第一天从0开始 然后没下一条都以3的陪数增长 0 3 6 9 12 15
下面是我写的jq  怎么循环得到每个left-c下面的  <input type="hidden" id="remainSeconds15" value="2160000" /> 的value值 然后赋给<label class="co_la" id="remainTime15">
                                        </label>求指教 昨天弄了一天实在没办法了才来求助 在线等
<script type="text/javascript">
        $(function () {
            var SysSecond;
            var InterValObj;

            $("#remainSeconds" + i + "").each(function () {
                SysSecond = parseInt($("#remainSeconds" + i + "").val()); //这里获取倒计时的起始时间 
                InterValObj = window.setInterval(SetRemainTime, 1000); //间隔函数,1秒执行 
            });

            //将时间减去1秒,计算天、时、分、秒 
            function SetRemainTime() {

                if (SysSecond > 0) {
                    SysSecond = SysSecond - 1;
                    var second = Math.floor(SysSecond % 60);             // 计算秒     


                    var minite = Math.floor((SysSecond / 60) % 60);      //计算分 
                    var hour = Math.floor((SysSecond / 3600) % 24);      //计算小时 
                    var day = Math.floor((SysSecond / 3600) / 24);        //计算天 

                    $("#remainTime" + i + "").html(day + "天" + hour + "小时" + minite + "分" + second + "秒");

                } else {//剩余时间小于或等于0的时候,就停止间隔函数 
                    window.clearInterval(InterValObj);
                    //这里可以添加倒计时时间为0后需要执行的事件
                    $("#remainTime" + i + "").html("已结束");
                }
            }

        }); 
        
    </script>



注意 不要发那些链接,我昨天看了整个百度google等能找能看的都看了找了~!我要的是自己动手写jq 发上来。谢谢 ASP.NET 类 label HTML JQ
[解决办法]
不会,请高人,来学习的
------解决方案--------------------


喝茶,同来学习
[解决办法]
asp.net  repeater里边时间倒计时 在线坐等 嗑瓜子等 时刻刷新等
[解决办法]
function settimevalue() {
    $(".left-c").each(function (i) {
        var index = i * 3;
        var value = $("#remainSeconds" + index).val();
        $("#remainTime" + remainTime).html(value)
    });
};

热点排行