Блог старого компьютера

Блог старого компьютера


Главная Jquery Пауза перед выполнением jquery

Пауза перед выполнением jquery

30.01.2013 10:25 Администратор Jquery
Печать PDF
Давным давно не смотрел обновлением функций jquery, а где с неделю назад поглядел. И нашел для себя довольно полезную функцию с помощью которой можно сделать паузу после выполнения эффекта, либо повтороно выполнить эффект через секунду. Так сказать пауза перед выполнением чего либо. В библиотеке jquery c версии старше чем 1.4 появилась функция delay() с помощью которой такую задачу можно выполнить без лишних заморочек. Раньше же я использовал js функцию setTimeout()

 Лично мне данная функция очень полезна при реализации каких то информативных всплывающих окон либо подсказок которые необходимо после определенного времени просто убрать с экрана. Сегодня я покажу на этом примере как пользоваться данной замечательной функцией. Вообщем привожу свой небольшой примерчик:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#url').click(function(){
$('#error').fadeIn(300).delay(2000).fadeOut(400);
});

});
</script>
<style>
#error{
display:none;
width:300px;
height:50px;
background: rgba(0,0,0,0.7);
position:fixed;
top:50%;
left:50%;
margin-left:-150px;
color:white;
padding:10px;
font-weight:bolder;
-webkit-border-radius:6px;
-moz-border-radius:5px;
-khtml-border-radius:10px;
}
</style>

<div id="error">Извините, ошибочка вышла</div>
<a id="url" href="#">Показать</a>

 Сохряняем код, открываем в браузере и смотрим наглядно как после нажатия на ссылку у нас плавно появится блоки и через 2 секунды плавно исчезнет. Вот так вот просто это делается с помощью jquery.

Добавить комментарий


Защитный код
Обновить

Поиск

Голосование

Что Вы думаете на счет битрикса?