как петля setTimeOut функция

Question

Я новичок в javascript и jquery, я создаю какую-то функцию на этой скрипке, и она запускается только один раз, как зацикливать эту функцию?

$(document).ready(function() // function 
    { 

    $('.box').css({visibility:'hidden'}); 

     setTimeout(function(){ 
     $('.box-1').css({visibility:'visible'}); 
     },300); 
     setTimeout(function(){ 
     $('.box-2').css({visibility:'visible'}); 
    },600); 
    setTimeout(function(){ 
     $('.box-3').css({visibility:'visible'}); 
    },900); 
    setTimeout(function(){ 
     $('.box').fadeOut('slow'); 
    },1300); 
}) 

скрипку ссылка https://jsfiddle.net/dzh5dgcf/

Answer 1

Используйте setInterval()

$(document).ready(function() { 

    function animate() { 
     $('.box').css({ 
      visibility: 'hidden', 
      display: '' 
     }); 
     setTimeout(function() { 
      $('.box-1').css({ 
       visibility: 'visible' 
      }); 
     }, 300); 
     setTimeout(function() { 
      $('.box-2').css({ 
       visibility: 'visible' 
      }); 
     }, 600); 
     setTimeout(function() { 
      $('.box-3').css({ 
       visibility: 'visible' 
      }); 
     }, 900); 
     setTimeout(function() { 
      $('.box').fadeOut('slow'); 
     }, 1300); 
    } 
    animate() 
    setInterval(animate, 1800) 
}); 

Демо: Fiddle