"dancing divs" 使用 jquery .innerhtml、.appendto 和 setInterval

Question

我正在开发一款HTML/JavaScript游戏，该游戏有一个拼写栏（div），其中包含显示倒计时的拼写（也称为div）。当添加多个拼写div时，它们将位于容器div的略下方。

我附上了一个包含所有代码的jsfiddle链接。我在谷歌上搜索了几乎所有地方，但没有找到任何答案。

http://jsfiddle.net/L9dgu7so/

我也尝试使用这个函数而不是SetInterval，但没有结果。

function interval(func, wait, times){
    var interv = function(w, t){
        return function(){
            if(typeof t === "undefined" || t-- > 0){
                setTimeout(interv, w);
                try{
                    func.call(null);
                }
                catch(e){
                    t = 0;
                    throw e.toString();
                }
            }
        };
    }(wait, times);
    setTimeout(interv, wait);
};

用替换旧的

interval(function(){ HBSpellDown(champName, slot, cd); }, 1000, cd);

我试着把danger_spell和danger_spell_inner的大部分注释掉，但这也没用。

如果没有setInterval部分，它可以工作，但我需要显示倒计时。

有人能帮我解决这个问题吗？非常感谢。

Answer 1

这似乎是由内部div导致外部div重新定位引起的。尝试将position: absolute;设置为danger_spell_inner的样式。

工作Fiddle