Выполнить функцию после окончания всей анимации
У меня на странице может идти несколько анимаций.
Существуют они параллельно и ни как не связаны. Каждая из них может завершиться раньше другой. Как мне выполнить определенную функцию после завершения всей анимации на сайте? Знаю что у jQuery есть такой метод, но не могу найти. |
Цитата:
Цитата:
|
мне
Цитата:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>demo</title>
<script type='text/javascript' src='http://code.jquery.com/jquery-git.js'></script>
<style>
div {
height: 20px;
background: red;
margin: 3px;
width: 10px;
}
</style>
</head>
<body>
<div class=c1></div>
<div class=c2></div>
<script>
$.when(
$('div.c1').animate({width: 300}, 3000), // первая анимация
$('div.c2').animate({width: 300}, 5000) // вторая
).then(function () {
alert('Обе анимации завершены');
});
</script>
</body>
</html>
|
| Часовой пояс GMT +3, время: 10:08. |