gpt4 book ai didi

javascript - onmouseover 停止幻灯片帮助

转载 作者:行者123 更新时间:2023-11-30 13:30:13 25 4
gpt4 key购买 nike

这是一个幻灯片功能,鼠标悬停我想让它停止。它没有在鼠标悬停时停止幻灯片放映,而是加快了速度??我如何更正此问题以停止鼠标悬停?

<body onload="nextslide();">

function nextslide() {
// Hide current slide
var object = document.getElementById('slide' + current); //e.g. slide1
object.style.display = 'none';

// Show next slide, if last, loop back to front
if (current == last) {
current = 1;
} else {
current++;
}

object = document.getElementById('slide' + current);
object.style.display = 'block';
var timeout = setTimeout(nextslide, 2500);

object.onmouseover = function(){
clearTimeout( timeout );
}
object.onmouseout = nextslide;
}

最佳答案

我试过你的代码,我能看到的唯一问题是在“onmouseout”上有一个立即过渡到下一张幻灯片。我会像这样更改该行:

object.onmouseout = function() {
timeout = setTimeout(nextslide, 2500);
}

我不同意 Jared 的观点,那里定义了“超时”,因为您使用的是嵌套函数并且内部函数可以访问外部函数范围。定义变量时切勿省略 var。

关于javascript - onmouseover 停止幻灯片帮助,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7053770/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com