jQuery：显示/隐藏无限循环循环

【问题标题】：jQuery: Show/hide infinite loop cyclejQuery：显示/隐藏无限循环循环
【发布时间】：2019-05-07 01:20:24
【问题描述】：

我想让我的网页上的视频 (#videoplayer1) 或元素可见（显示 30 秒）然后隐藏（隐藏 50 秒持续时间）并创建一个无限循环或循环重复此显示/隐藏功能具有给定的持续时间。有可能吗？

【问题讨论】：

欢迎您。你能添加你正在处理的代码吗？如果您没有在这个问题上表现出任何努力，那么您将很难在这里找到将为您编写代码的人。提问前请查看stackoverflow.com/help/how-to-ask

标签： jquery loops animation opacity cycle

【解决方案1】：

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);

试试这个。

【讨论】：

【解决方案2】：

您可以创建一个循环调用自身的函数，然后您可以根据需要调整计时器

 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>

【讨论】：