Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/fortran/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 幻灯片放映错误“;RangeError:超出了最大调用堆栈大小_Javascript_Reactjs - Fatal编程技术网

Javascript 幻灯片放映错误“;RangeError:超出了最大调用堆栈大小

Javascript 幻灯片放映错误“;RangeError:超出了最大调用堆栈大小,javascript,reactjs,Javascript,Reactjs,我正在尝试将此图像幻灯片添加到我的网站中,但始终超出最大调用堆栈大小。滑块在未设置时间间隔的图像中运行,然后发生错误 var i = 0; // Start Point var images = []; // Images Array var time = 3000; // Time Between Switch // Image List images[0] = "http://lorempixel.com/400/200/animals&q

我正在尝试将此图像幻灯片添加到我的网站中,但始终超出最大调用堆栈大小。滑块在未设置时间间隔的图像中运行,然后发生错误

var i = 0;          // Start Point
var images = [];    // Images Array
var time = 3000;    // Time Between Switch
     
// Image List
images[0] = "http://lorempixel.com/400/200/animals";
images[1] = "http://lorempixel.com/400/200/sports";
images[2] = "http://lorempixel.com/400/200/food";
images[3] = "http://lorempixel.com/400/200/people";

// Change Image
function changeImg(){
    document.slide.src = images[i];

    // Check If Index Is Under Max
    if(i < images.length - 1){
      // Add 1 to Index
      i++; 
    } else { 
        // Reset Back To O
        i = 0;
    }

    // Run function every x seconds
    setTimeout("changeImg()", time);
}

// Run function when page loads
window.onload=changeImg;

var i=0;//起点
var images=[];//图像阵列
变量时间=3000;//切换间隔时间
//图像列表
图像[0]=”http://lorempixel.com/400/200/animals";
图像[1]=”http://lorempixel.com/400/200/sports";
图像[2]=”http://lorempixel.com/400/200/food";
图像[3]=”http://lorempixel.com/400/200/people";
//改变形象
函数更改img(){
document.slide.src=图像[i];
//检查索引是否低于最大值
如果(i
我将此作为一个答案发布,以确保滑块不是罪魁祸首,代码不会给出该错误

这是当前的语法-如果仍然出现错误,那么肯定还有其他错误

设i=0,img;
常量图像=[”https://via.placeholder.com/150/0000FF/808080?text=Image1",
"https://via.placeholder.com/150/FF0000/FFFFFF?text=Image2",
"https://via.placeholder.com/150/FFFF00/000000?text=Image3",
"https://via.placeholder.com/150/000000/FFFFFF/?text=Image4"
];
const changeImg=函数(){
slide.src=图像[i];
i++;
如果(i>=images.length)i=0;
}
addEventListener(“加载”,函数(){
img=document.getElementById(“幻灯片”);
changeImg();
设定间隔(changeImg,2000年);
})

setTimeout
需要函数而不是字符串<代码>设置超时(更改img,时间)@Reyno尝试删除函数的最后一行
changeImg()
并替换该行
窗口。onload=changeImg带有
窗口。onload=setInterval(changeImg,time)代码有些过时,但当我修复URL时,它可以正常工作:还有,
document.slide.src
正确吗?它不应该是类似于
document.getElementById('your-slider-id').src的东西吗?“除了document.slide.src看起来很奇怪”但它可以工作。“其余的语法都不令人愉快”-这里有什么问题?“代码不会给出该错误”-如评论中所述。所以为什么工作代码有一个“答案”?似乎不是一个有效的答案。@Andreas-将代码更新到当前级别可能有助于解决这部分问题。无论如何,请随意投票否决。在OP回答我们的评论之前,我们不会知道