gpt4 book ai didi

javascript图像循环不起作用

转载 作者:行者123 更新时间:2023-12-04 00:48:07 24 4
gpt4 key购买 nike

我不知道该怎么做,因为我是 javascript 菜鸟,因为我今天才开始学习,所以请放轻松。

我想我需要在它做一个间隔时增加它,但我不知道该怎么做,而且我不想做任何 jquery。

<html>
<head>
<style type="text/css">
div {
height: 300px;
width: 500px;
margin: 0 auto;
overflow: hidden;
}
</style>
</head>
<body>

<div>
<img id="image" src="html.png" alt="HTML">
</div>

<script language="javascript" type="text/javascript">

var i = 1;

function loop() {
var i = i + 1;
if (i == 3) {
i = 1;
}
if (i == 1) {
document.getElementById('image').src = "html.png";
} else {
document.getElementById('image').src = "css3.png";
}
}
var pictureloop = setInterval(loop(), 5000);

</script>

</body>
</html>

最佳答案

你只需要试试这个:

只需在 loop() 中设置变量 i ,一旦全局声明,就无需重新声明!和从 setInterval() 中删除 ()方法

var i = 1;

function loop() {
i = i + 1; // Change
alert(i);
if (i == 3) {
i = 1;
}
if (i == 1) {
document.getElementById('image').src = "html.png";
} else {
document.getElementById('image').src = "css3.png";
}
}
setInterval(loop, 5000); //Change

Fiddle Demo

关于javascript图像循环不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21857656/

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