鼠标停留图片上，清除计时器问题

Question

试试把事件绑定在 tp element 吧. 

Answer 1

怎么绑，高手，指点下，
tp.onmouseover?

Answer 2

 imglist[i].onmouseover={clearInterval(timeid);}; 
试试

Answer 3

imglist[i].onmouseover=function(){clearinterval(timeid);}
试了，不行，
鼠标移上去之后还是不能暂停图片的切换。

Answer 4

imglist[i]是个字符串，你给它绑定mouseover没用。可以这样：
document.getElementsByTagName('img')[i].onmouseover=function(){clearinterval(timeid);}

Answer 5

var imglist=new Array(4);//图片个数
imglist[0]="http://gtms01.alicdn.com/tps/i1/T1qHXwFpFtXXckL6Z0-130-130.png";  //第一个图片的地址
imglist[1]="http://gtms01.alicdn.com/tps/i1/T1At3BFo4eXXaCwpjX.png";
imglist[2]="http://gtms01.alicdn.com/tps/i1/T1xk6iFXXfXXcxTSUh-180-130.jpg";
imglist[3]="http://gtms01.alicdn.com/tps/i1/T1SJQfFoRfXXcxTSUh-180-130.jpg";
var i=0;
var timeid=setInterval("changeimg()",2000);
function changeimg(){
if(i==imglist.length){
i=0;
}
document.getElementById("tp").src=imglist[i];
++i;
};
document.getElementById("tp").onmouseover=function stopobj(){
if(timeid) clearInterval(timeid);
};

document.getElementById("tp").onmouseout=function changeobj(){
timeid = setInterval("changeimg()",2000);
};

Answer 6

imglist[i]是个字符串，你给它绑定mouseover没用。可以这样：
document.getElementsByTagName('img')[i].onmouseover=function(){clearinterval(timeid);}确定是'img' 不是'imglist' ?

Answer 7

你debug一下，看timeid的值有没有变化。

Answer 8

调试确定一下，是onmouseover事件问题还是timeid的问题。

Answer 9

imglist[i]是个字符串，你给它绑定mouseover没用。可以这样：
document.getElementsByTagName('img')[i].onmouseover=function(){clearinterval(timeid);}确定是'img' 不是'imglist' ?
document.getElementsByTagName('img')[i].onmouseover=function(){clearinterval(timeid);}这个只是为了说明应该把mouseover绑到html元素上（在这儿是绑在了第一张图上），至于具体绑到哪个或哪些元素上，那就看你想绑到哪了。

Answer 10

document.getElementById("tp").src=imglist[i];在这句话后面加document.getElementById("tp").onmouseover=function stop(){clearInterval(timeid);};试试，因为setInterval返回的timeid必须确保和clearInterval(timeid)的值一样