上代码 不废话
<div class="left-c">
<div class="c-content">
<div class="c-headimg">
<img alt="" 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="" 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="" 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类labelHTMLJQ
<div class="left-c">
<div class="c-content">
<div class="c-headimg">
<img alt="" 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="" 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="" 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类labelHTMLJQ
$(".left-c").each(function (i) {
var index = i * 3;
var value = $("#remainSeconds" + index).val();
$("#remainTime" + remainTime).html(value)
});
};
$(function () {
var SysSecond;
var InterValObj; $("input[id^='remainSeconds']").each(function () {
SysSecond = parseInt($(this).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); //计算天 $("label[id^='remainTime']").html(day + "天" + hour + "小时" + minite + "分" + second + "秒"); } else {//剩余时间小于或等于0的时候,就停止间隔函数
window.clearInterval(InterValObj);
//这里可以添加倒计时时间为0后需要执行的事件
$("label[id^='remainTime']").html("已结束");
}
}
}); });
</script>
我这样改的话 页面上的所有label值得显示的时间倒计时到一样的 而且倒计的秒也不对 好像是从5然后一下变成 0等等
如下图