Question

在开始之前，有些人可能很难理解。遗憾。

我想用jQuery和php设计一款在线游戏。该游戏被称为无意义，有些人可能听说过它，这是一场英国游戏节目。

在Pointless中，游戏的目标是尽可能少得分。分数是从100分中确定的。他们在节目中使用了一些图形系统，这些图形系统会使一列线条在点数较低时消失。

所以例如这是游戏板（不是我的设计）。

Pointless Board

我有100个具有相同类的div，但是id为“line1”，“line2”等。有没有什么方法可以及时将它们与乐谱倒计时一起删除，这实际上可以完成吗？

以下是我的倒计时代码：

$(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');
                }
            });
        });

任何想法都将不胜感激。我所需要的只是推动正确的方向！

Answer 1

我认为拥有1个div，其高度比其他人高100 *，而不是100个div，你将逐个删除它。

然后，不是一次删除1 div，而是根据分数减少div的height。

jQuery删除div倒计时

1 个答案: