gpt4 book ai didi

javascript - 移动背景似乎不起作用

转载 作者:太空宇宙 更新时间:2023-11-04 15:46:18 24 4
gpt4 key购买 nike

所以我试图让我的背景不断地从左到右反复移动。我尝试了各种方法,但我不知道为什么代码不起作用。

这是我的代码

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,不需要在 setInterval 之后调用 move()

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>

关于javascript - 移动背景似乎不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55532473/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com