Javascript clearInterval() 不起作用，我如何停止 setInterval()？

Question

循環在鼠標懸停時開始正常，但不會在鼠標懸停時停止！ 我究竟做錯了什么？

腳本

<script type="text/javascript">
        function iniciarep(x) {
        var iddointervalo = setInterval(function(){ change(x); }, 500);
        }
        function terminarep() {
        clearInterval(iddointervalo);
        }
        function change(x) { 

**do stuff here (working fine)**

        }  
</script>

HTML

<img id="c3" src="letras/m1.svg" alt="m"  onmouseover='iniciarep(this);' onmouseout='terminarep();'>

Answer 1

您需要一個全局變量，因為稍后不知道本地變量。

var iddointervalo;

function iniciarep(x) {
    iddointervalo = setInterval(function(){ change(x); }, 500);
}

function terminarep() {
    clearInterval(iddointervalo);
}