Why does jQuery fadeOut not work inside this setInterval loop?_问答_开发者

Why does jQuery fadeOut not work inside this setInterval loop?

开发者 https://www.devze.com 2022-12-12 16:24 出处：网络

I\'m trying to load random items into a div every few seconds, with a nice fadeOut/fadeIn transition between each load. Here\'s the code:

I'm trying to load random items into a div every few seconds, with a nice fadeOut/fadeIn transition between each load. Here's the code:

<html>
  <body>
    <div id="item"></div>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript">
      // Load a random item
      var item = $('#item');
      function load_item() {
        item.fadeOut(5000, function() {
          item.load('http://dynamic.xkcd.com/comic/random/ #middleContent img', null, function() {
            item.fadeIn(5000);
          });
        });
      };

      // Load initial featured item
      load_item();

      // Schedule repeated loading
      setInterval(load_item, 15000);
    </script>
  </body>
</html>

This works fine the first time through, but on subsequent calls to load_item, the fadeOut() seems to stop work开发者_如何学运维ing. It doesn't actually fade the #item div out, but jumps immediately into the callback function, ignoring the 5000 delay.

What am I doing wrong?

setInterval("load_item()",15000)

I know it looks funny to put it in quotes, but it works.

The other option is to say:

load_item = function(){...etc...};
setInterval(loadItem,1500)

Why does jQuery fadeOut not work inside this setInterval loop?

精彩评论

关注公众号

热门标签

图文推荐

Why does jQuery fadeOut not work inside this setInterval loop?

更多 问答 相关资讯：

精彩评论

关注公众号

热门标签

图文推荐

更多问答相关资讯：