2016-04-25 15 views
2

私はさまざまな時にセレクターを回転させようとしています。単純なif/elseステートメントを試して、3秒後に最初のものを回転させ、30秒後に次のものを回転させます。しかし、それは3秒ごとに回転し続けます。私はこの作業をする方法を考えなければならなかったので、前の1つの中にif/elseステートメントを追加して、各スライドにカスタムタイムを追加できるようにしました。どのように私はこれを達成することができる任意のアイデア?Timed jQuery rotation

$(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

を使用することができますか?保存すると、 '>' – Satpal

+0

Bloggerの変更>が>に変更され、コードを終了してから元に戻ります。私はそれを元に戻すのを忘れた。 (私はコードを編集します) – Morgwic

答えて

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); 
+0

変数 'number'がループするようにすることは可能でしょうか?そして、それがどのループを通過したかによって、数値を編集するでしょうか?各スライドの正確な時間が必要です。 なぜなら、各スライドにはさまざまな長さの段落が含まれており、各タブの長さを設定する必要があるため、テキストが読み込まれるのに十分な時間がかかります。しかし、私は段落のいくつかが短いので、静的にしたくありません。 – Morgwic