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

"dancing divs" using jquery .innerhtml, .appendto and setInterval

我正在开发一个 HTML/JavaScript 游戏，该游戏有一个法术栏 (div)，法术显示倒计时（也 divs）。当添加了多个 divs 时，它们将位于容器 div.

稍下方

我附上了包含所有代码的 jsfiddle link。我在 Google 上搜索了几乎所有地方，但没有找到任何答案。

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 部分它可以工作，但我需要显示倒计时。

谁能帮我解决这个问题？谢谢！

这似乎是内部div导致外部div重新定位造成的。尝试将 position: absolute; 放入 danger_spell_inner.

的样式中

Working Fiddle