Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/08/2006, 16:12
Avatar de Mauri1
Mauri1
 
Fecha de Ingreso: noviembre-2002
Ubicación: Santiago de Chile
Mensajes: 558
Antigüedad: 21 años, 4 meses
Puntos: 0
Rotar punteros con easing

Hola

Estoy haciendo una web en la que muestro la hora real en un reloj análogo cuyo dial tiene 24 horas, no 12 como el común, con lo cual el horario sólo da una vuelta en el día.

En eso no hay problema, puedo mostrar la hora con los punteros correctamente. Pero en una sección del flash necesito que los punteros muestren la hora escrita en un campo de texto, lo cual lo estoy haciendo así:

Código:
function ponerhora(horas, minutos) {
	if (horas>=0 && horas<=24 && minutos>=0 && minutos<=59 && horas != "" && minutos != "") {
		clearInterval(punteros.dpunteros);
		punteros.segundero._rotation = 180;
		//
		horas_cual = horas*15+minutos/4;
		minutos_cual = minutos*6+180;
		//
		punteros.horario._rotation = horas_cual;
		punteros.minutero._rotation = minutos_cual;
	}
}
Y llamo a la función con esto:

Código:
on (release) {
	ponerhora(horas_int.text, minutos_int.text);
}
Todo funciona OK, pero el cambio de los punteros desde una a otra hora se hace instantáneo. Lo que quiero lograr es por ejemplo si los punteros indican las 15:30 y en los campos de texto se introduce 21:30, al pulsar el botón que llama a la función, la cual hace que los punteros indiquen la hora señalada en los campos de texto, los punteros se vayan moviendo de a poco (ojalá con efecto de easing) partiendo desde las 15:30 hasta llegar a las 21:30.

Ojalá alguien pueda ayudarme

Muchas gracias