定时jQuery轮换

时间:2016-04-25 15:03:43

标签: javascript jquery rotation jquery-tabs

我试图让选择器在不同的时间旋转,我想我会尝试一个简单的if / else语句,让第一个在3秒后旋转,然后在30秒后旋转。但是,它只是每隔三秒旋转一次。如果我想到如何使这项工作,我计划在前一个中添加更多if / else语句,以便我可以为每个幻灯片添加自定义时间。我有什么想法可以实现这个目标吗?

$(document).ready(function(){

    var flipped = false;

      if (!flipped)
      {
         $('#Blog1 > ul').tabs({fx:{opacity: 'toggle'}});
         $('#Blog1 > ul').tabs('rotate', 3000, true);
         flipped = true;
      }
      else
      {
         $('#Blog1 > ul').tabs({fx:{opacity: 'toggle'}});
         $('#Blog1 > ul').tabs('rotate', 30000, true);
      }
});

1 个答案:

答案 0 :(得分:0)

每次运行该功能时,您都清楚地将“翻转”设置为false。 或者更确切地说,你没有再次运行它来检查翻转。 (我认为)

您需要将变量与函数分开,否则它将始终为false。

至于时间,您可以轻松使用 Math.random()

randomNumber = Math.floor((Math.random() * 30) + 1); // Random number between 1 and 30
$('#Blog1 > ul').tabs({fx:{opacity: 'toggle'}});
$('#Blog1 > ul').tabs('rotate', randomNumber, true);