javascript - 在不从相同位置开始的 setInterval 内创建图像

Question

这是我的 jsfiddle：http: //jsfiddle.net/ybyu5/4/

function CreateAndAnimateEnemyImg() {
            var nh = Math.floor((Math.random() * 267) + 1);

            var enemy = document.createElement('img');
            enemy.src = 'enemy.jpg';
            enemy.className = 'Enemy';
            enemy.style.top = nh + 'px';
            // enemy.style.left = '270px';
            //enemy.style.right = '0px';
            pane.append(enemy);
            enemy.onload = function () {


                setInterval(function () {
                    $('.Enemy').animate({ 'left': '-=20px' });
                }, 200);
                //alert(enemy.style.right);
            }
        }

我希望在创建每个图像时，它应该将右侧设置为 0 px，并且当它到达左侧的边框时，它应该消失以执行此操作吗？

Answer 1

用于overflow:hidden容器：

.Container
{
    width: 300px;
    height: 300px;
    background-color: White;
    overflow: hidden;
    border: 1px solid black;
}

小提琴

更新了删除隐藏的 dom 元素的小提琴。