jQuery刪除與倒計時div div

在我開始之前，這可能是一些人難以理解。抱歉。jQuery刪除與倒計時div div

我想要設計一個使用jQuery和php的在線遊戲。這個遊戲被稱爲無意義的，有些人可能聽說過它，這是一個英國遊戲節目。

在毫無意義的遊戲目標是評分儘可能少點。分數由100確定。他們在節目中使用一些圖形系統，它包含一列線，隨着分數的降低，線將消失。

因此，例如這是遊戲板（不是我的設計）。

Pointless Board

我都用相同的100個的div，但與ID的「一號線」，「2號線」等。有沒有什麼辦法可以在比分倒數的時候將它們移除？這實際上可以做到嗎？

這裏是我的倒計時代碼：

$(document).ready(function() { 

      /* delay function */ 
      jQuery.fn.delay = function(time,func){ 
       return this.each(function(){ 
        setTimeout(func,time); 
       }); 

      }; 

      jQuery.fn.countDown = function(settings,to) { 
      settings = jQuery.extend({ 
        startFontSize: '36px', 
        endFontSize: '36px', 
        duration: 100, 
        startNumber: 10, 
        endNumber: 0, 
        callBack: function() { } 
       }, settings); 
       return this.each(function() { 
        if(!to && to != settings.endNumber) { to = settings.startNumber; } 

        //set the countdown to the starting number 
        $(this).text(to).css('fontSize',settings.startFontSize); 

        //loopage 
        $(this).animate({ 
         'fontSize': settings.endFontSize 
        },settings.duration,'',function() { 
         if(to > settings.endNumber + 1) { 
          $(this).css('fontSize',settings.startFontSize).text(to - 1).countDown(settings,to - 1); 
         } 
         else 
         { 
          settings.callBack(this); 
         } 
        });  
       }); 
      }; 

      $('#countdown').countDown({ 
       startNumber: 100, 
       callBack: function(me) { 
        $(me).text('Pointless').css('color','#FFF').css('font-size','15px').css('text-transform','uppercase').css('padding-top','15px').css('font-weight','bolder'); 
       } 
      }); 
     });

任何想法，將不勝感激。我需要的只是一個正確的方向！

來源

2012-03-30 David Passmore

你的意思是使用類似'window.setInterval'的東西嗎？ – 2012-03-30 10:34:13

而不是有100個div，你會一個一個地刪除，我認爲這將是更有意義的有1個div，高度比其他人高100 *。

然後，不是一次刪除1 div，而是根據分數減少div的height。

來源

2012-03-30 10:33:18 Curt

jQuery刪除與倒計時div div

回答

相關問題