javascript - 如何使用 setTimeout 或 setInterval 和 JQuery 显示然后隐藏元素？

Question

我尝试了以下代码(具有我自己的功能)

(function (){ 
  $(".video-front").show(); 
  setTimeout(arguments.callee, 10000); 
})(); 

形成这篇文章Calling a function every 60 seconds

和

setInterval(function(){ 
  $(".video-AdClick-front").show(); 
}, 10000);

来自这篇文章What's the easiest way to call a function every 5 seconds in jQuery?

但仍然不起作用，例如我想每 5 秒调用一次函数，当我添加那些在 5 秒后仅调用一次函数的代码时，不要每 5 秒调用一次函数？

Answer 1

您的计时器对于这两个示例中的任何一个都可以正常工作。

但是，根据您下面的评论，您的两个计时器函数似乎都调用了 .show() 方法，这使得它们可见。当下一个计时器运行时，它只会显示已经显示的内容。这就是为什么你觉得它不起作用。它正在工作，但是在函数第一次运行后没有什么新的东西可以看到。你想达到什么目的？显示/隐藏情况？如果是这种情况，请不要使用 .show()，而使用 .toggle()。

(function (){
    $("#one").toggle("slow");
    setTimeout(arguments.callee, 1000);
})();

setInterval(function(){
    $("#two").toggle("slow");
}, 1000);

#one, #two { float:left; width:40%; } /* Just for fun! */

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="one">Message one</div>
<div id="two">Message two</div>