即使我经常更新职位，div元素也不会移动

Question

我需要创建一个有2个图像的屏幕保护程序。一个图像应该是静态固定的，它应该占据整个屏幕，第二个图像应该在第一个图像的顶部移动。我编码如下。

＆＃13;

＆＃13;

var bdg_img = document.getElementById('bdgimg');
var animate;
function moveRight()
{
  bdg_img.style.left = parseInt(bdg_img.style.left) + 10 + 'px';
  animate = setTimeout(moveRight,20); // call moveRight in 20msec
}
moveRight();

＆＃13;

html, body {
  position: relative;
  height: 100%;
  width: 100%
}
#bgimg {
    background-image: url("background/moon_bg.png");
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
#bdgimg {
    background-image: url("buildings/bdg6.png");
    position: absolute;
    background-color:transparent;
    bottom: 0px;
    left : 0px;
    width: 100%;
    height: 100%;
    border: 1px solid black;
}

＆＃13;

<div id="bgimg">
</div>
<div id="bdgimg">
</div>

＆＃13;

＆＃13;

＆＃13;

即使moveRight（）函数被连续调用，＆＃39; bdgimg＆＃39; div没有动。任何人都可以让我知道如何解决这个问题。