Javascript 将stop onmouse over添加到此简单代码中

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

我想在这段代码中添加一个“onmouseover stop”设置。这是因为我计划写一段很长的文字,我想给读者一个改变,以防他们没有停止阅读

我发现了类似的问题,但它们与阻止鼠标悬停滚动有关。我尝试添加相同的代码,似乎使一个字幕停止,但它只是使我的代码停止工作在一起

<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;非常感谢你,泽加!我想我是找错人了:\