Показать сообщение отдельно
  #5 (permalink)  
Старый 02.08.2011, 16:49
Аватар для Armen
Кандидат Javascript-наук
Отправить личное сообщение для Armen Посмотреть профиль Найти все сообщения от Armen
 
Регистрация: 28.06.2009
Сообщений: 120

У меня теперь в другом проблема, пишу код
<div id="out">
	<div id="example"></div>
</div>

var element = document.getElementById("example");
		var out = document.getElementById("out");
		
		var from = 0; // Начальная координата X
		var to = 500; // Конечная координата X
		var duration = 1000; // Длительность - 1 секунда
		var start = new Date().getTime(); // Время старта
		
		out.onclick = function()
		{
			setTimeout(function()
					   {
						   var now = (new Date().getTime()) - start; // Текущее время
						   var progress = now / duration; 
						   var result = (to - from) * delta(progress) + from;
						   element.style.left = result + "px";
						   
						   if (progress < 1) // Если анимация не закончилась, продолжаем
						   	setTimeout(arguments.callee, 10);
						}, 10);
			
		};			
	

	function delta(progress)
	{
		return progress;
	}

Анимация получается , какая-то "рваная", див стартует резко с половины пути, а если кливать повторно, то див вообще исчезает.
Что не так, подскажите пожалуйста
Ответить с цитированием