Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.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
I';我使用这段代码在javascript中浏览图像 函数调用() { var i=0, img=document.getElementById(“img1”); 对于(i=1;i_Javascript_Image_Transition_Slide - Fatal编程技术网

I';我使用这段代码在javascript中浏览图像 函数调用() { var i=0, img=document.getElementById(“img1”); 对于(i=1;i

I';我使用这段代码在javascript中浏览图像 函数调用() { var i=0, img=document.getElementById(“img1”); 对于(i=1;i,javascript,image,transition,slide,Javascript,Image,Transition,Slide,关于你的代码角度..试试下面的一个 function call() { var i=0, img=document.getElementById("img1"); for(i=1;i<=3;i=i++) { setInterval(function(){ img.src="Images/"+i+".jpg"; },3000); } 函数调用(){ var i=0; setInterv

关于你的代码角度..试试下面的一个

function call()
{
    var i=0,
        img=document.getElementById("img1");
    for(i=1;i<=3;i=i++)
    {
        setInterval(function(){
            img.src="Images/"+i+".jpg";
        },3000);

    }
函数调用(){
var i=0;
setInterval(函数(){
document.getElementById(“pics”).innerHTML=“”;
i++;
如果(i>=3){
i=i%3;
}
},3000);
}
“pics”是html页面中声明的div标记

function call(){
            var i=0;
            setInterval(function(){
                    document.getElementById("pics").innerHTML="<img src='img"+i+".jpg' width=300 height=300 alt='image' /> ";
                i++;
                if(i>=3){
                    i= i%3;
                }
            },3000);
        }
这不是递增
i
的正确用法

它的作用是:

  • 变量
    i
    的增量为
    ++
  • 变量
    i
    获取
    i
    的旧值,因为
    i++
    返回
    i
    的旧值
  • 所以基本上,你陷入了一个无休止的循环。只要用
    i++
    i=i+1
    i+=1
    替换
    i++
    ,你就应该没事了

    再次查看您的代码,我必须告诉您,这仍然不会产生预期的效果,因为您正在将所有间隔设置为在同一准确时间触发。您希望执行的操作如下所示:

    i=i++
    
    根据html代码的构建方式,实现此功能的最简单方法是:

    function next() {
        setInterval(function(){
            //display next image
        },3000);
        next();
    }
    next();
    

    可能重复对不起,这是一个输入错误。我可以知道更多关于显示下一张图片的信息吗
    var count = 3; current = 0, img=document.getElementById("img1");
    function next() {
        setInterval(function(){
            current++;
            if(current >= count) {
                current = 0;
            }
            img.src="Images/" + current + ".jpg";
        },3000);
        next();
    }
    next();