Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.07.2011, 20:56
Аспирант
Отправить личное сообщение для qwertyuiop Посмотреть профиль Найти все сообщения от qwertyuiop
 
Регистрация: 02.06.2011
Сообщений: 71

как тормознуть функцию до завершения предыдушей?
<html>
<head>
<title></title>
<style type="text/css">
<!--
.m { 
background-color: #0000ff;
color: #ffffff;
font-size: 10px;
padding: 0;
height:30px;
text-align: center;
white-space: nowrap;
width: 300px;
 }
.menu {
background-color: #0000ff;
height:30px;
width: 300px;
}
-->
</style>
</head>
<body>
<div class="m">
<div onMouseOver="animate('1')" onMouseOut="animate2('1')" id="1" class="menu">
ляля
</div>
</div>
<div class="m">
<div onMouseOver="animate('2')" onMouseOut="animate2('2')" id="2" class="menu">
ляля
</div>
</div>
<div class="m">
<div onMouseOver="animate('3')" onMouseOut="animate2('3')" id="3" class="menu">
ляля
</div>
</div>
<script type="text/javascript">
[JS]function animate(id, delta, dur) {
	element = document.getElementById(id);
	from = 10;
	to = 50;
	duration = dur || 500;
	start = new Date().getTime();
function delta(progress) {
function d(progress) {
    return Math.pow(progress, 4);
}
return 1 - d(1 - progress);
}
	setTimeout(function() {
	    var now = (new Date().getTime()) - start;
	    var progress = now / duration;
	    if (progress > 1)
	        var result = to;
                   else 
	        var result = (to - from) * delta(progress) + from;

	    element.style.marginLeft = result+"px";
	    //element.innerHTML = result;

	    if (progress < 1)
	        setTimeout(arguments.callee, 10);
	}, 10);
}
function animate2(id, delta, dur) {
	element = document.getElementById(id);
fr=parseInt(element.style.marginLeft);
	from = fr;
	to = 10;
	duration = dur || 500;
	start = new Date().getTime();
function delta(progress) {
function d(progress) {
    return Math.pow(progress, 4);
}
return 1 - d(1 - progress);
}
	setTimeout(function() {
	    var now = (new Date().getTime()) - start;
	    var progress = now / duration;
	    if (progress > 1)
	        var result = to;
                   else 
	        var result = (to - from) * delta(progress) + from;

	    element.style.marginLeft = result+"px";
	    //element.innerHTML = result;

	    if (progress < 1)
	        setTimeout(arguments.callee, 10);
	}, 10);
}[/JS]
</script>
</body>
</html>

эт меню, при наведении на пункт, он выежает вправо, когда убираешь мышь, обратно, но если навести на другой пункт до того, как этот остановится, он останавливается там, где был, тоесть функция останавливается не завершонная, из-за запуска новой, как это исправить?
Ответить с цитированием
  #2 (permalink)  
Старый 28.07.2011, 21:24
Аватар для Андрей38
Профессор
Отправить личное сообщение для Андрей38 Посмотреть профиль Найти все сообщения от Андрей38
 
Регистрация: 11.12.2010
Сообщений: 261

Цитата:
эт меню, при наведении на пункт, он выежает вправо, когда убираешь мышь, обратно, но если навести на другой пункт до того, как этот остановится, он останавливается там, где был, тоесть функция останавливается не завершонная, из-за запуска новой, как это исправить?
Я тоже на это наткнулься когда делал такое в Квери .Там у нас в Квери есть stop().Вот этот стоп и выручает. Я не знаю,правда, как это выглядит на чистом js
__________________
http://www.youtube.com/watch?feature...&v=cz0uN1ZNuM0
История не в теории ,а по факту
Ответить с цитированием
  #3 (permalink)  
Старый 28.07.2011, 23:30
Аватар для NoResponse
Профессор
Отправить личное сообщение для NoResponse Посмотреть профиль Найти все сообщения от NoResponse
 
Регистрация: 17.06.2010
Сообщений: 152

код ужасен
не стоит просто так срать в глобал... собственно поэтому и работает "не правильно", у вас просто тупо переназначаются глобальные переменные
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как передать false через функцию? Tend Общие вопросы Javascript 7 16.03.2009 15:55
Как вызвать функцию если менять надо не все параметры? britanik Общие вопросы Javascript 3 07.03.2009 22:13
Как выполнить функцию с задержкой? AlexMak Events/DOM/Window 6 11.12.2008 10:53
Как сделать функцию типа toDataUrl для рисунка в ie6 ? Олег Общие вопросы Javascript 2 13.09.2008 23:06
Как передать элемент в функцию после createElement Oleg NT Общие вопросы Javascript 3 23.06.2008 01:11