移动背景似乎不起作用

debugcn 发表于 Dev

蓝宝石西装外套01

因此，我试图使我的背景不断地从左到右反复移动。我尝试了各种各样的方法，但是我不知道为什么代码不起作用。

这是我的代码

HTML：

<html>
  <head>
      <meta charset="utf-8" />

      <script src="JS/javascript.js"></script>
  </head>

  <body>
    <main>

    </main>
    <div id="section1"></div>
  </body>
</html>

Javascript：

var i=null;

window.onload = function(){
    var move = setInterval(move, 30);
    move();
}

function move(){
    i++;
    document.getElementById("section1").style.backgroundPosition=i+"px";
}

阮阮

这是您要求的更新代码。

您只需要将move方法传递给setInterval，则不需要在之后调用move（）setInterval

var i=1;
function move(){
    i++;
    document.getElementById("section1").style.backgroundPosition=i+"px";
}
window.onload = function(){
    var move1 = setInterval(move, 30);
    //move();
}

#section1{
height: 200px;
background-image: url('https://cdn.pixabay.com/photo/2017/01/08/21/11/wood-1963988__340.jpg')
}

<html>
  <head>
      <meta charset="utf-8" />

      <script src="JS/javascript.js"></script>
  </head>

  <body>
    <main>

    </main>
    <div id="section1"></div>
  </body>
</html>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。