JavaScript加载具有特定持续时间的图像
我有两个数组:第一个带有图像路径,第二个具有不同的持续时间,我正在尝试使用以下函数动态设置我的“changeImage”函数的“setTimeout”,如下所示:JavaScript加载具有特定持续时间的图像,javascript,arrays,image,load,settimeout,Javascript,Arrays,Image,Load,Settimeout,我有两个数组:第一个带有图像路径,第二个具有不同的持续时间,我正在尝试使用以下函数动态设置我的“changeImage”函数的“setTimeout”,如下所示: function changeImage(){ var img = document.getElementById("img"); img.src = images[x]; var ztme = tme[x]; x+
function changeImage(){
var img = document.getElementById("img");
img.src = images[x];
var ztme = tme[x];
x++;
if(x >= images.length){
x = 0;
}
fadeImg(img, 100, true);
setTimeout("changeImage()",ztme ); //This is the problem!
}
function fadeImg(el, val, fade){
if(fade === true){
val--;
}else{
val ++;
}
if(val > 0 && val < 100){
el.style.opacity = val / 100;
setTimeout(function(){fadeImg(el, val, fade);}, 10);
}
}
var images = [],
x = 0;
images[0] = "daki/eco_pic.jpg";
images[1] = "daki/art_tnt.gif";
images[2] = "daki/mkv_uk.jpg";
images[3] = "daki/bolo_trt.jpg";
images[4] = "daki/folo_fr.jpg";
var tme = [], //values of 'Time' for a picture to stay displayed
tme[0]= 10000;
tme[1]= 50000;
tme[2]= 2000;
tme[3]= 30000;
tme[4]= 5000;
setTimeout("changeImage()", 15000);
如果我给超时一个固定的数字,一切都会像一个符咒一样工作。因此,动态设置它只会产生错误
有没有办法让这个changeImage函数动态地获取时间?
我非常感激任何帮助。
提前感谢。您的tme数组未正确初始化。您应该在声明后使用半列
var tme = []; //<=
tme[0]= 10000;
tme[1]= 50000;
tme[2]= 2000;
tme[3]= 30000;
tme[4]= 5000;
setTimeout("changeImage()", 15000);
保存前,请点击并创建一个并单击“整理”。如果你那样做了,你会发现打字错误的。删除此语句var tme=[],//的“Time”值中的逗号以使图片保持显示您还需要检查此项