gpt4 book ai didi

javascript - 自动更改图像特定时间段

转载 作者:行者123 更新时间:2023-11-28 03:40:16 25 4
gpt4 key购买 nike

我想在每个特定时间段更改数组中的图像。但我的代码不起作用,需要帮助。

<body>
<div id="one">one</div>
<img src="" id="photo2">
<script>
var one = document.getElementById("one");
var photo2 = document.getElementById("photo2");

var links = ["03.gif","04.gif","05.gif","06.gif","07.gif"];
one.onclick = function(){
_SlidePic(0);
};

function _SlidePic(i){
if (i < links.length){
photo2.src = links[i];
i++;
id = setInterval(_SlidePic(i),1000);
}
}

</script>
</body>

最佳答案

setInterval() 采用如下函数:setInterval(functionName, 1000) 不是这样的:setInterval(functionName(), 1000)。另外,我将索引变量移出函数以获得更好的性能。setInterval 调用现在位于 onClick 监听器中,仅被调用一次。你把它放在函数本身中,每次图片改变时它都会调用自己。

var one = document.getElementById("one");
var photo2 = document.getElementById("photo2");

var links = ["03.gif", "04.gif", "05.gif", "06.gif", "07.gif"];
var idx = 0
one.onclick = function() {
_SlidePic();
setInterval(_SlidePic, 1000);
};

function _SlidePic() {
if (idx < links.length) {
photo2.src = links[idx];
idx++;
}
}
<body>
<div id="one">one</div>
<img src="" id="photo2">
</body>

关于javascript - 自动更改图像特定时间段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57348578/

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