Quiero iniciar un setInterval
cuando el cursor este fuera del botón y cuando el cursor este sobre el boton parar el setInterval
. Este código me ayudara para parar e iniciar un slider cuando un usuario lo este viendo. El código mostrado solo funciona una vez es decir se "para" el setInterval
pero no inicia de nuevo
var timer = null;
var i = 0;
function stop() {
if (timer !== null) return;
timer = setInterval(function() {
i++;
$("p").html(i);
}, 1000);
};
function star() {
clearInterval(timer);
time = null;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button onmouseover="star()" onmouseout="stop()">Start and Stop</button>
<p></p>