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