我正在尝试在页面上进行多次倒计时,如下所示:
<table>
<tr id="4236377487">
<td class="remain"></td>
<td>Something</td>
</tr>
<tr id="768769080">
<td class="remain"></td>
<td>Something else</td>
</tr>
</table>
倒计时必须放置在:
<td class="remain"><!-- countdown --></td>
每个倒计时都从行 ID 值开始。这是我的代码,但它不起作用:
$(document).ready(function(){
$('.remain').each(function () {
var count = $(this).attr("id");
countdown = setInterval(function(){
$(this).html(count + " seconds remaining!");
if (count == 0) {
//do something
}
count--;
}, 1000);
});
});
感谢您的帮助 :)
Fabien
$(document).ready(function(){
$('tr[id]').each(function () {
var $this = $(this);
var count = parseInt($this.attr("id"));
countdown = setInterval(function(){
$('.remain', $this).html(count + " seconds remaining!");
if (count-- == 0) {
//do something
clearInterval(countdown);
}
}, 1000);
});
});
在这里尝试一下:http://jsfiddle.net/moeishaa/PwG45/ http://jsfiddle.net/moeishaa/PwG45/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)