Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.11.2013, 20:14
Профессор
Отправить личное сообщение для hoax Посмотреть профиль Найти все сообщения от hoax
 
Регистрация: 20.09.2012
Сообщений: 151

Выполнение после таймера
Сразу показываю код. Необходимо чтобы после того как блок исчезал (opacity), он получал display:none, однако указание после таймера не влияет на это, и блок исчезает одновременно с изменением прозрачности (или даже раньше ее).

Чтобы увидеть достаточно посмотреть на события без строки --- el.style.display='none';
и с --- el.style.display='none';

<html>
<head>
<style>
*{margin:0px;padding:0px;}


#ok {border:1px solid;width:30px;
}
.bottom {background:#b3b3b3;}

</style>
</head>
<body>

<div id="ok">все</div>

<div id="matrix">
  <script>for (var i = 0; i < 9000; i++) document.writeln(i)</script>
</div>


 <script>



 
 function animate(el) {
 

 var left= 1;
 var timer = setInterval(function() {
left-=0.1
 el.style.opacity = left;
 
 
 if(left > 1) clearInterval(timer)


 
  },60)

el.style.display='none'; // -------------  тут проблема

}



var div = document.getElementById('ok');
div.onclick=function() {
animate(this);
}



	
 </script>

</body>
</html>
Ответить с цитированием
  #2 (permalink)  
Старый 23.11.2013, 20:33
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,118

Сообщение от hoax
однако указание после таймера не влияет на это
Разумеется.

Вывод - укажи таки это в нутри таймера. Тогда, когда это нужно.
Ответить с цитированием
  #3 (permalink)  
Старый 23.11.2013, 21:50
Профессор
Отправить личное сообщение для hoax Посмотреть профиль Найти все сообщения от hoax
 
Регистрация: 20.09.2012
Сообщений: 151

тоже самое будет
Ответить с цитированием
  #4 (permalink)  
Старый 24.11.2013, 01:30
Профессор
Отправить личное сообщение для hoax Посмотреть профиль Найти все сообщения от hoax
 
Регистрация: 20.09.2012
Сообщений: 151

код выше кривоват)
но в целом проблему решил.
Ответить с цитированием
  #5 (permalink)  
Старый 24.11.2013, 11:23
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,118

Сообщение от hoax
тоже самое будет
Да ты че!
Ответить с цитированием
Ответ


Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
выполнение функции после полной загрузки страницы raler jQuery 2 21.01.2016 20:13
Остановить выполнение таймера! MyBigFriend Общие вопросы Javascript 3 25.10.2013 11:04
Как сделать выполнение одного JS после выполнения другого vita1ii Events/DOM/Window 2 11.01.2013 18:52
Выполнение проверки после наступления события juggalo Events/DOM/Window 6 06.10.2012 01:37
Выполнение JS-кода после загрузки страницы (НЕ window.onload!) fox Events/DOM/Window 1 14.02.2011 00:59