Javascript 将stop onmouse over添加到此简单代码中
我想在这段代码中添加一个“onmouseover stop”设置。这是因为我计划写一段很长的文字,我想给读者一个改变,以防他们没有停止阅读 我发现了类似的问题,但它们与阻止鼠标悬停滚动有关。我尝试添加相同的代码,似乎使一个字幕停止,但它只是使我的代码停止工作在一起Javascript 将stop onmouse over添加到此简单代码中,javascript,text,timer,onmouseover,Javascript,Text,Timer,Onmouseover,我想在这段代码中添加一个“onmouseover stop”设置。这是因为我计划写一段很长的文字,我想给读者一个改变,以防他们没有停止阅读 我发现了类似的问题,但它们与阻止鼠标悬停滚动有关。我尝试添加相同的代码,似乎使一个字幕停止,但它只是使我的代码停止工作在一起 <div id="changeText" ></div> <script type="text/javascript"> var text = ["1", "2", "3"]; va
<div id="changeText" ></div>
<script type="text/javascript">
var text = ["1", "2", "3"];
var counter = 0;
var elem = document.getElementById("changeText");
setInterval(change, 5000);
function change() {
elem.innerHTML = text[counter];
counter++;
if(counter >= text.length) { counter = 0; }
}
</script>
您可以使用clearInterval并在mouseover事件上传递setInterval调用返回的intervalId,然后在mouseout上重新启动,如下面更新的示例代码所示:
<div onmouseover="stop()" onmouseout="start()" id="changeText" ></div>
<script type="text/javascript">
var text = ["1", "2", "3"];
var counter = 0;
var elem = document.getElementById("changeText");
var intervalId;
start();
function start() {
intervalId = setInterval(change, 5000);
function change() {
elem.innerHTML = text[counter];
counter++;
if(counter >= text.length) { counter = 0; }
}
}
function stop() {
clearInterval(intervalId);
}
</script>
你试过密码了吗?是的。请链接到您已经找到的问题。我发现我需要添加此文档;然后再次使用document.getElementByIdslideshow.onmouseout=start;非常感谢你,泽加!我想我是找错人了:\