真的不知道如何为这个JS函数创建时间循环

时间:2015-10-09 22:19:27

标签: javascript jquery

我真的不知道如何为这个JS函数创建时间循环..

以下是该功能: enter link description here

我需要的是每20秒进行一次随机排序的时间循环..

我用过 - var ... = setInterval(..., 20000);

并且 - var ... = setTimeOut(...,20000);

但我不知道在哪里连接,或者如果有人知道如何做到这一点,一切都会帮助我...

非常感谢您的帮助..

3 个答案:

答案 0 :(得分:3)

您的尝试有几个问题,下面会做您想做的事情,只需根据需要调整计时器

Updated CodePen

   function loop() {  // you had $(function loop(){... here, that is not right
      $container = $('#Container'); 
      if ($container.mixItUp('isLoaded')) { // check if the plugin has been initialized
        $container.mixItUp('sort', 'random', true); // if loaded, just resort
        // change true to false, to forego the animation
      } else { 

        // if not initialized, do that now
        $container.mixItUp({
          load: {
            sort: 'random'
          },
          layout: {
            containerClass: 'list',
            display: 'block'
          }
        });

      }
    }

    $(function() {  // here you had a for loop, not sure why but the int should have been var, anyway, I removed it altogether
         setInterval(loop, 2000);
    });

答案 1 :(得分:1)

试试这个:

http://codepen.io/anon/pen/BoZvEx

$(document).ready(function () {
  var mixit = $('#Container').mixItUp({
    load: {
      sort: 'random'
    },
    layout: {
      containerClass: 'list',
      display: 'block'
    }
  });

  function loop() {
    mixit.mixItUp('sort', 'random');
  };    

  var looper = setInterval(loop, 1000);
});

在那里,代码在$(document).ready中,首先我们实例化一次,在参数中使用config,然后方法循环只进行一次调用。

答案 2 :(得分:0)

$(document).ready(function(){
  setTimeout(function(){
  for( var i = 0; i < 10; ++i )
  {
    loop();
  }
  },20000);
});

我认为你需要这个