Jquery多重倒计时.each()函数

2024-01-14

我正在尝试在页面上进行多次倒计时,如下所示:

<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(使用前将#替换为@)

Jquery多重倒计时.each()函数 的相关文章

随机推荐