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

2014-01-07 10:19:55 451 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

以下代码，为何不能清除计时器，
var imglist=new Array(4);//图片个数
imglist[0]="Images/main01.jpg"; //第一个图片的地址
imglist[1]="Images/main02.jpg";
imglist[2]="Images/main03.jpg";
imglist[3]="Images/main04.jpg";
var i=0;
var timeid=setInterval("changeimg()",5000);
function changeimg()
{
if(i==imglist.length)
{
i=0;
}
document.getElementById("tp").src=imglist[i];
++i;
};
imglist[i].onmouseover=function stop(){clearInterval(timeid);};

...全文

HyperMesh 2025新功能尝鲜：用Volume Tetramesh一键生成工业级四面体网格 HyperMesh 2025推出的Volume Tetramesh功能，通过“体到体”的全新范式，实现了工业级四面体网格的一键生成。该功能利用Proximity与Curvature参数智能识别并加密几何特征，将工程师从繁琐的几何清理和表面网格划分中解放出来，在保证网格质量的同时，显著提升了前处理效率，尤其适用于发动机缸体等复杂模型的仿真分析。阅读详情

lizhen0504

JavaScript 87,983 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

阿鱼 2014-01-09

打赏
举报

引用 7 楼 u013412386 的回复:

[quote=引用 5 楼 qwklove 的回复:] [quote=引用 4 楼 u013412386 的回复:] imglist[i].onmouseover=function(){clearinterval(timeid);} 试了，不行，鼠标移上去之后还是不能暂停图片的切换。

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

孤飞不倦 2014-01-09

打赏
举报

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

孤飞不倦 2014-01-09

打赏
举报

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

lizhen0504 2014-01-09

打赏
举报

引用 6 楼 skyliuxiuping 的回复:


	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);
	};

试了您的方法,也不能暂停图片的切换

lizhen0504 2014-01-09

打赏
举报

引用 5 楼 qwklove 的回复:

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

lizhen0504 2014-01-09

打赏
举报

引用 9 楼 imi233 的回复:

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

谢谢您！

lizhen0504 2014-01-09

打赏
举报

引用 12 楼 chenzhi246265 的回复:

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

谢谢大神点拨，不胜感激。

lizhen0504 2014-01-09

打赏
举报

引用 6 楼 skyliuxiuping 的回复:


	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);
	};

谢谢大神，本人小菜鸟谢谢您了

chenzhi246265 2014-01-09

打赏
举报

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

刘天空 2014-01-08

打赏
举报


	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);
	};

阿鱼 2014-01-08

打赏
举报

引用 4 楼 u013412386 的回复:

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

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

lizhen0504 2014-01-08

打赏
举报

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

似梦飞花 2014-01-07

打赏
举报

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

lizhen0504 2014-01-07

打赏
举报

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

keatkeat1987 2014-01-07

打赏
举报

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

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

相关推荐