Как приостановить слайд в этом коде?

Question

все

У меня есть этот код

<script type="text/javascript" > 
     $(function(){ 
      var time = 10000;//milliseconds 
      var index = 0; 
      var container = $("#containerr"); 
      var childrenCount = $(".slide").length; 
      function slideToNext() { 

       index = (index + 1) % childrenCount; 
       console.log(index); 
       container.css({ 
        marginLeft: -1 * index * 100 + "%" 
       }) 
      } 

      var pt = window.setInterval(function() { 
       slideToNext(); 
      }, time) 
     }) 
    </script> 

Я хотел бы сделать паузу, когда мышь и начать игру снова, когда мышь не закончена.

как я могу это сделать.

Спасибо

Answer 1

Вам нужно создать переменную, которая устанавливается в true, когда вы колебались:

var isPaused = false; 
$("#containerr").on('hover', 
    function() { isPaused = true; }, 
    function() { isPaused = false; } 
); 

var pt = window.setInterval(function() { 
    if (!isPaused) 
     slideToNext(); 
}, time)