JQuery Animation с точками паузы в середине анимации - PullRequest
Новая
       2

JQuery Animation с точками паузы в середине анимации

0 голосов
/ 13 марта 2012

Я пытаюсь приостановить свойство jQuery animate в середине его выполнения.

Мой код ниже случайным образом приостанавливает и затем воспроизводит анимацию в середине анимации.

Я хочу выполнить это в более простой последовательности, такой как анимация marginLeft и случайная пауза, когда половинасекунду или целую секунду, а затем выполняем подбор, где анимация остановилась на var $ play.

Я пытаюсь замедлить общую анимацию, добавляя точку остановки в случайные моменты времени, а затем пытаюсь подобрать оригиналпоследовательность анимации.

Любая помощь будет принята с благодарностью. 

<script>
$(document).ready(function() {

 var $block = $('.1');

var numRand1 = Math.floor(Math.random()*4000)
var numRand2 = Math.floor(Math.random()*3000)
var numRand3 = Math.floor(Math.random()*9000)


var $play = $block.animate({"marginLeft": "420px"}, numRand1);


setInterval(function() {
   $block.stop();
   $block.delay(1500);
   $block.animate({"marginLeft": "420px"}, numRand2);
}, 2000);

setInterval(function() {
   $block.stop();
$block.delay(2500);
$block.animate({"marginLeft": "420px"}, numRand3);
}, 4000);



});
</script>

<style>
.block{
width:50px;
height:50px;
background:#ff0000;    
margin-bottom:20px;
}
</style>

<div class="block 1"></div>

Ответы [ 2 ]

1 голос
/ 13 марта 2012

Попробуйте следующее: 

$("#block").animate({"marginLeft": "400px"}, "10000").delay(30).animate({"marginLeft": "800px"}, "10000");

..

1 голос
/ 13 марта 2012

Попробуйте ссылку ниже:

http://jsfiddle.net/bTYb8/1/

EDIT:

Я сбросил ваш пример в приведенной ниже ссылке, но, похоже, он работает, поэтому я не совсем уверен, каким образом вы хотите, чтобы он вел себя по-другому

http://jsfiddle.net/bs32V/2/

...