Блок по клику двигается слева направо, без остановки.
Как сделать чтобы, он останавливался на 500ms
в положении left=200px
и на 400ms
в положении left=400px
сам скрипт для наглядности ниже:
$('#but').click(function() {
$('.ring').animate({
left: 800,
});
});
.ring {
display: block;
position: relative;
width: 20px;
height: 20px;
border-radius: 50%;
background: red;
left: 25px;
top: 25px;
}
#but {
position: relative;
top: 40px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<div class="ring">
</div>
<input type="button" id="but" value="Пуск!">