Question

这是幻灯片显示脚本，我希望它在鼠标移动时停止。但我不知道要添加什么。我试图在网上寻找，但所有这些都无法运作:(

<SCRIPT LANGUAGE="JavaScript">
<!--
var dimages=new Array();
var numImages=2;
for (i=0; i<numImages; i++)
{
dimages[i]=new Image();
dimages[i].src="/v/vspfiles/assets/images/image"+(i+1)+".jpg";
}
var curImage=-1;
function swapPicture()
{
if (document.images)
{
var nextImage=curImage+1;
if (nextImage>=numImages)
nextImage=0;
if (dimages[nextImage] && dimages[nextImage].complete)
{
var target=0;
if (document.images.myImage)
target=document.images.myImage;  
if (document.all && document.getElementById("myImage"))
target=document.getElementById("myImage");

if (target)
{
target.src=dimages[nextImage].src;
curImage=nextImage;
}
setTimeout("swapPicture()", 4000);
}
else
{
setTimeout("swapPicture()", 1000);
}
setTimeout("swapPicture()", 4000);
//-->

Answer 1

基于提供的信息（此时仅限javascript）。幻灯片演示脚本依赖于 setTimeout();

负责停止setTimeout（）的代码;是

clearTimeout();

将鼠标事件添加到幻灯片显示并调用clearTimeout（）。至于鼠标事件和最佳实践，请查看SO以获取更多说明。

这是关于setTimeout（）的一个参考。

http://www.w3schools.com/js/js_timing.asp

请发布HTML以获得更好，更准确的鼠标事件代码。

停止幻灯片onmouseover javascript

1 个答案: