Функция задержки

people2010 · August 19, 2010

Пробую для эксперимента написать чтоб при нажатии на кнопку происхдила задержка картинки, но при нажатии на кнопку ничего не происходит, не знаю почему, как исправить?

<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>

Veseloff · August 19, 2010

Объявлена функция f, а вызывается f3

people2010 · August 19, 2010

Исправил. Вот так тоже не работает.

<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 секунды и исчезла

Так не выходит.

Edited August 19, 2010 by people2010

Veseloff · August 20, 2010

Конечно, не выходит. Вы написали, что она должна появиться через 2 секунды и всё.

if(!b)
b = document.getElementById('maks');
b.style.display='block';

А это что такое?Иф какой-то выдумали... Почему бы не сделать просто

document.getElementById('maks').style.display='block';

rgl · August 20, 2010

.................
<input type='button' value='кнопка' id='maks' onClick='f()'>
<div id="maks" style="display:none; position:absolute; 
.......

Два раза один и то же id разве можно?

Veseloff · August 20, 2010

Два раза один и то же id разве можно?

Гы. И правда. 5 баллов за внимательность!

people2010 · August 20, 2010

Скажите пожалуйста ,а как сделать такие кнопки на Яваксрипт синие, чтоб такое происходило при наведении мышкой как на этом сайте

http://213.248.58.131/

Great Rash · August 20, 2010

Это обычные css спрайты.

«css спрайты» в Google.

people2010 · August 20, 2010

Так там когда навёл на синюю кнопку она несколько раз уменьшается, а не просто изменилось на другую картинку 1 раз и всё. Сколько там картинок использовалось?

Vlad · August 20, 2010

Там анимированный гиф используется.

Great Rash · August 20, 2010

Там анимированный гиф используется.

...который проигрывается ровно 1 раз, а при повторном наведении получается тупо спрайт. Короче там через одно место сделано.

people2010 · August 20, 2010

По поводу предыдущего кода.

<html>
	<head><title>Привет</title>
	<script type='text/javascript'>
var a, pause = 1500,
		id, i, dir;

	function g() {
		var b = document.getElementById("maksImg");
		b.style.top = i < 50 ? i : "50"+"px";
		if (dir == 1) i++;
		else i--;
		if (i >= 50) {
			dir = -1;
		   clearInterval(id);
			window.setTimeout('id = setInterval("g()",1)', pause);
	   }
		if (i < -90) {
		clearInterval(id);
			b.style.display = "none"
		}
	}
	 function f() {
	 //   if(id)clearInterval(id);
		document.getElementById("maksImg").style.display = "block";
		i = -90;
		dir = 1;
		id = setInterval("g()", 10);
}

	</script>

	</head>
	<body>
	Жил-был пёс. Он был самый лучший пёс за всю мою жизнь.<br>
	Такого пса я не видел никогда в жизни в этом мире. Вот что<br>
	значит настоящая
	псина.Такой псины я <br>
	не видал за все свои 20 лет жизни. Это была одна из лучших <br>
	псин,среди тех когда мне приходилось видеть собак. <br>

	<input type='button' value='кнопка' onClick='f()'>

	<div id="maksImg" style="display:none; position:absolute;
	left:100px; top:-90px;"><img src='2.gif' ></div> <br><br>

	</body>
	</html>

Возникла проблема нельзя сделать резкий выезд, остановку и заезд назад картинки вверх браузера этим кодом, она движется но не резко, даже если сетинтервал поставить в 1, резко двигаться не будет картинка, что можно сделать?

Edited August 20, 2010 by people2010

Sign In

Функция задержки

Question

Link to comment

Share on other sites

11 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information