在不以相同位置开始的setInterval内创建图像

creating an image inside a setInterval not starting with the same position

本文关键字：setInterval 创建 图像 开始 位置      更新时间：2023-09-26

这是我的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);
            }
        }

我想当每个图像都被创建时，它的右边应该设置为0px，当它到达左边的边界时，它应该消失？

将overflow:hidden用于容器：

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

Fiddle

更新了删除隐藏的dom元素的fiddle。

相关文章：