jQuery: показать / скрыть цикл бесконечного цикла

Question

Я хочу сделать видео (# videoplayer1) или элемент на моей веб-странице видимым (показывать в течение 30 секунд), а затем скрыть (скрыть в течение 50 секунд) и создать бесконечный цикл или цикл, повторяющий эту функцию показа / скрытияс заданной продолжительностью.Возможно ли это?

Answer 1

Вы можете создать функцию, которая будет вызывать себя в цикле, затем вы можете настроить таймер так, как вы хотите

 loop();
 var duration1 = 1000;
 var duration2 = 1000;
 
 function loop(){
  $('div').fadeIn(duration1, function() {
        $('div').fadeOut(duration2, loop);       
    })
 }

div{
background-color: orange;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>hide/show</div>

Answer 2

var showInterval = 3000;
var hideInterval=5000;
var myShow = function(){
    clearInterval(interval);
    console.log("show");
    interval = setInterval(myHide, hideInterval);
}
var myHide=function(){
console.log("hide");
 clearInterval(interval);
 interval = setInterval(myShow, showInterval);
}
var interval = setInterval(myShow, showInterval);

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