19.08.2010, 18:39
|
 |
Профессор
|
|
Регистрация: 12.08.2010
Сообщений: 221
|
|
|
Функция задержки
Пробую для эксперимента написать чтоб при нажатии на кнопку происхдила задержка картинки, но при нажатии на кнопку ничего не происходит, не знаю почему, как исправить?
|
Код:
|
<html>
<head><title>Привет</title>
<script type='text/javascript'>
var a,b,timeout,zadershka;
function f(){
zadershka = setTimeout(
function() {
if(!b)
b = document.getElementById('maks');
b.style.display='block';},
2000);
};
</script>
</head>
<body>
Жил-был пёс. Он был самый лучший пёс за всю мою жизнь.<br>
Такого пса я не видел никогда в жизни в этом мире. Вот что<br>
значит настоящая
псина.Такой псины я <br>
не видал за все свои 20 лет жизни. Это была одна из лучших <br>
псин,среди тех когда мне приходилось видеть собак. <br>
<input type='button' value='кнопка' id='maks' onClick='f3()'>
<div id="tak" style="display:none; position:absolute;
left:300px; top:0px;"><img src='2.gif' ></div> <br><br>
</body>
</html> |
|
|
19.08.2010, 20:14
|
|
Профессор
|
|
Регистрация: 12.08.2010
Сообщений: 221
|
|
Исправил. Вот так тоже не работает.
|
Код:
|
<html>
<head><title>Привет</title>
<script type='text/javascript'>
var a,b,timeout,zadershka;
function f(){
zadershka = setTimeout(
function() {
if(!b)
b = document.getElementById('maks');
b.style.display='block';},
2000);
};
</script>
</head>
<body>
Жил-был пёс. Он был самый лучший пёс за всю мою жизнь.<br>
Такого пса я не видел никогда в жизни в этом мире. Вот что<br>
значит настоящая
псина.Такой псины я <br>
не видал за все свои 20 лет жизни. Это была одна из лучших <br>
псин,среди тех когда мне приходилось видеть собак. <br>
<input type='button' value='кнопка' id='maks' onClick='f()'>
<div id="maks" style="display:none; position:absolute;
left:300px; top:0px;"><img src='2.gif' ></div> <br><br>
</body>
</html> |
Я хочу при нажатии на кнопку, чтоб картинка повисела 2 секунды и исчезла
Так не выходит. |
|
19.08.2010, 20:48
|
|
Новичок
|
|
Регистрация: 03.08.2010
Сообщений: 230
|
|
|
Т.е. при нажатии она должна появиться сначала, повисеть 2 секунды и исчезнуть?
|
|
19.08.2010, 20:48
|
|
Профессор
|
|
Регистрация: 12.08.2010
Сообщений: 221
|
|
|
Да, всё верно.
|
|
19.08.2010, 20:49
|
 |
Профессор
|
|
Регистрация: 15.12.2009
Сообщений: 742
|
|
<html>
<head><title>Привет</title>
<script type='text/javascript'>
var a,b,timeout,zadershka;
function f(){
var b = document.getElementById('maksImg');
b.style.display = 'block';
setTimeout(
function() {
b.style.display='none';},
2000);
};
</script>
</head>
<body>
Жил-был пёс. Он был самый лучший пёс за всю мою жизнь.<br>
Такого пса я не видел никогда в жизни в этом мире. Вот что<br>
значит настоящая
псина.Такой псины я <br>
не видал за все свои 20 лет жизни. Это была одна из лучших <br>
псин,среди тех когда мне приходилось видеть собак. <br>
<input type='button' value='кнопка' id='maks' onClick='f()'>
<div id="maksImg" style="display:none; position:absolute;
left:300px; top:0px;"><img src='http://javascript.ru/forum/images/ca_serenity/misc/logo.gif' ></div> <br><br>
</body>
</html>
__________________
Настоящий программист думает и осознает сам решение задачи, а не копирует другие мысли, не осознавая их (c)
Относись к человеку так же, как хотелось бы отношения к себе (с)
Все нужно там, где оно нужно, а все не нужно нигде (с) Gozar
B~Vladi: А кто такой JavaScript стрелок?! micscr: это тот, кто не jQuery танкист.
Программы становятся медленнее быстрее, чем компьютеры становятся быстрее (с) Никлаус Вирт
Последний раз редактировалось PeaceCoder, 19.08.2010 в 20:52.
|
|
19.08.2010, 20:52
|
|
Профессор
|
|
Регистрация: 12.08.2010
Сообщений: 221
|
|
|
Странно, но при нажатии на кнопку ничего не выводится.
|
|
19.08.2010, 21:01
|
|
Новичок
|
|
Регистрация: 03.08.2010
Сообщений: 230
|
|
|
Golovastik,
Действительно странно, у меня код товарища PeaceCoder вполне работает. Причем именно так, как заказано.
|
|
19.08.2010, 21:30
|
|
Профессор
|
|
Регистрация: 12.08.2010
Сообщений: 221
|
|
|
Да, эт онаверное был глюк браузера, сейчас работает.
Скажите ,а как сделать чтоб после нажатия на кнопку, картинка выехала вниз например на 200 пикселей вниз, постояла, 2 секунды и заехала обратно в верх в о пикселей, я хочу попробовать сделать, вы скажите, как примерно это сделать,я не знаю как, хочу чисто на Яваскрипте попробовать понять как это делается.
|
|
19.08.2010, 21:37
|
 |
CacheVar
|
|
Регистрация: 19.08.2010
Сообщений: 14,225
|
|
Сообщение от Golovastik
|
|
вы скажите, как примерно это сделать
|
Как вариант...
function f(){
var b = document.getElementById('maksImg');
b.style.display = 'block';
b.style.top = '200px';
setTimeout(
function() {
b.style.display='none';
b.style.top = '0';
},
2000);
};
Последний раз редактировалось ksa, 19.08.2010 в 21:39.
|
|
19.08.2010, 21:54
|
|
Новичок
|
|
Регистрация: 03.08.2010
Сообщений: 230
|
|
|
ksa,
ИМХО, это не выехала, а прыгнула.
|
|
|
|
