gpt4 book ai didi

javascript - 怎么解决图片不变的问题?

转载 作者:行者123 更新时间:2023-11-29 21:14:21 24 4
gpt4 key购买 nike

嘿,所以我开发了这段代码来允许我根据计时器更改图像。随着倒计时达到某些里程碑,情况发生了变化。但不幸的是,我无法让它按预期工作。

<!DOCTYPE html>
<html>
<body>
<h1> Change the lights automatically</h1>

<img id="myimg" src="1.png" width ="100" height="300">

<script>

var list = [
"1.jpg",
"2.jpg",
"3.jpg",
"4.jpg"
];

var count = 0;
var time=20;

var timing=setInterval(timer, 1000); //1000 will run it every 1 second

function timer()
(
var newImage = document.getElementById('myimg');
time = time-1

if (time <= 1) time = 20;
if (time >15 && time < 21) count = 0;
if (time >10 && time <16) count = 1;
if (time >6 && time <15) count = 2;
if (time >1 && time <5) count = 3;
if (time = 0) count = 0;

var newImage = document.getElementById('myimg');
newImage.src = list[count];
}

</script>
</body>
</html>

我所做的是,代码应该有一个每秒运行一次的计时器,当计时器在一定数量之间时,count 的值应该相应地改变。之后,由于我已将新图像设置为每次计数值更改时都会更改,因此显示的图像应该会更改,但事实并非如此,因为它不会更改。那里的任何专家都可以确定它有什么问题,所以我可以修复它?提前致谢!

最佳答案

最后的 if 条件将时间分配给 0。

if (time = 0) count = 0;

时间永远为0所以

newImage.src = list[count];

始终显示相同的图像。删除最后的 if 条件并修改第一个。

if ((time >15 && time < 21) || (time == 0)) count = 0;

关于javascript - 怎么解决图片不变的问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40095097/

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