jQuery fadeIn()
Добрый день!
Не могли бы вы подсказать, из-за чего может происходить искажение периода показа элемента, в котором используется эффект fadeIn/fadeOut? Я делала таким образом,
$('.class_2, .class_2').stop().delay(12000).fadeOut(5000,someFunction).fadeIn(5000);
Несколько циклов они скрываются/отображаются одновременно, но затем одна часть начинает опережать другую. |
Цитата:
Цитата:
|
Спасибо за ответ, но не могли бы вы разъяснить мне еще такую вещь
конструкция Цитата:
Вообще там наблюдаются какие-то периоды "нормальности"/"ненормальности". Почему тогда анимация может выравниваться? |
Цитата:
|
логично:)
Цитата:
Эту проблему можно как-нибудь обойти? Использовать один таймер для всей анимации не получится, потому что он и так один:( |
Цитата:
Хочешь все сделать синхронно - пиши анимацию сама в одном таймере. |
Большое спасибо, я все поняла :yes: .
Сейчас проверила и оказалось, что во время затухания, данные(меняются в функции), вместо одного раза сменяются 21 :blink: , отсюда все проблемы. |
Доброе утро! Разрешите еще такой вопрос :) , проблема возникла из-за того, что функция someFunction запускается несколько раз при такой конструкции:
Цитата:
|
Цитата:
Цитата:
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
div {
height: 100px;
width: 100px;
background-color: #D2B48C;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function(){
var n = 1;
function someFunction()
{
$('.first').html(n++)
}
$('.class_2').stop().delay(12000).fadeOut(5000,someFunction).fadeIn(5000);
});
</script>
</head>
<body>
<div class='first'>
</div>
<div class="class_2">
</div>
</body>
</html>
|
Цитата:
Цитата:
|
| Часовой пояс GMT +3, время: 00:15. |