мне нужно остановить slideUp в JQuery

Question

я пишу этот код, он сделать slideUp для меня теперь мне нужно при наведении на остановки слайд вверх Regard

$(document).ready(function() { 
$('#ticker_02').mouseover(function() { 
    //I NEED THIS CODE 
    }) 

}); 

function tick2(){ 
    $('#ticker_02 li:first').slideUp(function() { $(this).appendTo($('#ticker_02')).slideDown(); }); 
} 
setInterval(function(){ tick2() }, 2000); 

Answer 1

попробовать stop() метод:

$('#ticker_02').mouseover(function() { 
    $(this).stop(true); 
}) 

Answer 2

function tick2(){ 
 
    $('#ticker_02 li:first').slideUp(
 
    function() { 
 
     $(this).appendTo($('#ticker_02')).slideDown(); 
 
    } 
 
); 
 
} 
 

 
d=setInterval(function(){ tick2() }, 5000); 
 

 
function stop1(){ 
 
    clearInterval(d); 
 
} 
 
function start1(){ 
 
    d=setInterval(function(){ tick2() }, 5000); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul id="ticker_02" class="ticker" onmouseover="stop1()" onmouseout="start1()" > 
 
    <li>element1</li> 
 
    <li>element2</li> 
 
</ul>

Answer 3

Попробуй это.

<ul id="ticker_02" class="ticker" onmouseover="stop1()" onmouseout="start1()"> 

<script> 
var d 
function tick2(){ 
    $('#ticker_02 li:first').slideUp(function() {  
     $(this).appendTo($('#ticker_02')).slideDown(); }); 
} 
d=setInterval(function(){ tick2() }, 2000); 


function stop1(){ 
    clearInterval(d); 
} 

function start1(){ 
    setInterval(function(){ tick2() }, 2000); 
} 
</script>