请指出下面代码的错误var smis=document.querySelectorAll("#smi"); var jpgs=document.querySelectorAll("#jpg"); jpgs[0].style.display="block"; smis[0].style.padding="1px"; smis[0].style.border="1px solid gray"; for (var i=0;i<smis.length;i++){ smis[i].setAttribute('index',i); smis[i].onclick=function(){ for(var i=0;i<smis.length;i++){ smis[i].style.border="0"; smis[i].style.padding="0"; } this.style.padding="1px"; this.style.border="1px solid gray"; var index=this.getAttribute("index"); for(var i=0;i<smis.length;i++){ jpgs[i].style.display="none"; } jpgs[index].style.display="block"; } } var but=document.getElementById("but"); var j=1; function change(){ for(var i=0;i<jpgs.length;i++){ jpg[i].style.display="none"; smis[i].style.border="0"; smis[i].style.padding="0"; } if(j==4) j=0; jpg[j].style.display="block"; smis[j].style.padding="1px"; smis[j].style.border="1px solid gray"; j++; } var change=setInterval(change,1000); for(i=0;i<jpgs.length;i++){ jpgs[i].onmouseover=function(){ clearInterval(change); } } for(i=0;i<jpgs.length;i++){ jpgs[i].onmouseout=function(){ change=setInterval(change,1000); } }

代码中的错误在于第26行的变量名重复，将 setInterval 的返回值赋值给了与函数同名的变量，导致函数无法被正确调用。需要将变量名改成其他名称，如下所示：

var smis=document.querySelectorAll("#smi");             
var jpgs=document.querySelectorAll("#jpg");             
jpgs[0].style.display="block";             
smis[0].style.padding="1px";             
smis[0].style.border="1px solid gray";             
for (var i=0;i<smis.length;i++){                 
    smis[i].setAttribute('index',i);                 
    smis[i].onclick=function(){                     
        for(var i=0;i<smis.length;i++){                     
            smis[i].style.border="0";                     
            smis[i].style.padding="0";                 
        }                     
        this.style.padding="1px";                     
        this.style.border="1px solid gray";                     
        var index=this.getAttribute("index");                     
        for(var i=0;i<smis.length;i++){                         
            jpgs[i].style.display="none";                     
        }                     
        jpgs[index].style.display="block";                     
    }             
}              

var but=document.getElementById("but");                                       
var j=1;             
function change(){                 
    for(var i=0;i<jpgs.length;i++){                     
        jpgs[i].style.display="none";                     
        smis[i].style.border="0";                     
        smis[i].style.padding="0";                 
    }                 
    if(j==4)                 
        j=0;                 
    jpgs[j].style.display="block";                 
    smis[j].style.padding="1px";                 
    smis[j].style.border="1px solid gray";                 
    j++;             
}             
var interval=setInterval(change,1000);             
for(i=0;i<jpgs.length;i++){                 
    jpgs[i].onmouseover=function(){                     
        clearInterval(interval);                 
    }             
}             
for(i=0;i<jpgs.length;i++){                 
    jpgs[i].onmouseout=function(){                     
        interval=setInterval(change,1000);                 
    }             
}