【问题标题】:Timed jQuery rotation定时 jQuery 旋转
【发布时间】:2016-08-19 01:34:30
【问题描述】:

我试图让选择器在不同的时间旋转,我想我会尝试一个简单的 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);
      }
});

【问题讨论】:

  • 你为什么使用>?应该是>
  • Blogger 更改 > 为 >如果我保存,退出代码,然后返回它。我忘记改回来了。 (我将编辑代码。)

标签: javascript jquery rotation jquery-tabs


【解决方案1】:

每次运行该函数时,您显然都将“翻转”设置为 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);

【讨论】:

  • 是否有可能使变量number 循环,并且根据它通过的循环,它会编辑数字?我需要时间来准确地处理每张幻灯片。原因是每张幻灯片都包含不同长度的段落,我需要设置每个选项卡的持续时间,以便它保持足够长的时间来阅读文本。但我不希望它是静态的,因为有些段落很短。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-12-17
  • 2023-03-13
  • 1970-01-01
相关资源
最近更新 更多