¡Advertencia!
Este tema no ha tenido respuestas en más de un mes. Recuerda que si deseas añadir una nueva debes cumplir con las normas de la web.
Programación Petición: Cuenta regresiva...
Hola, agradecería mucho que alguien me ayudara/diera/dijese como hacer una cuenta regresiva (o cuenta atrás) con el estilo que utiliza Apple:

http://www.apple.com/itunes/10-billion-song-countdown/

(Como se observa, eso es una cuenta de descargas, no una cuenta atrás).

GRACIAS POR ADELANTADO!

PD: Si por una casualidad postearais el código, por favor, indicadme los valores a editar para cambiar la fecha en la que acabe, o os la digo por aquí si la necesitais (17 de Marzo 2010, 17:00 hora p. española).

Saludos
http://www.lawebdelprogramador.com/codigo/codigo.php?idp=1430&id=45&texto=JavaScript

No lo he probado, pero supongo que te funcionará.

<html>
<head>
<script>
//Codigo que muestra la cuenta atras hasta el final del año 2010
//La Web del Programador
//http://www.lawebdelprogramador.com

//variables que determinan la fecha y hora final de la cuenta atras
toYear=2010;
toMonth=12;
toDay=31;
toHour=23;
toMinute=59;
toSecond=59;

function countDown()
{
	new_year=0;
	new_month=0;
	new_day=0;
	new_hour=0;
	new_minute=0;
	new_second=0;
	actual_date=new Date();

	if(actual_date.getFullYear()>toYear)
	{
		//si ya nos hemos pasado del año, mostramos los valores a 0
		form.second.value=0;
		form.minute.value=0;
		form.hour.value=0;
		form.day.value=0;
		form.month.value=0;
		form.year.value=0;
	}else{
		new_second=new_second toSecond-actual_date.getSeconds();
		if(new_second<0)
		{
			new_second=60 new_second;
			new_minute=-1;
		}
		form.second.value=new_second;

		new_minute=new_minute toMinute-actual_date.getMinutes();
		if(new_minute<0)
		{
			new_minute=60 new_minute;
			new_hour=-1;
		}
		form.minute.value=new_minute;

		new_hour=new_hour toHour-actual_date.getHours();
		if(new_hour<0)
		{
			new_hour=24 new_hour;
			new_day=-1;
		}
		form.hour.value=new_hour;

		new_day=new_day toDay-actual_date.getDate();
		if(new_day<0)
		{
			x=actual_date.getMonth();
			if(x==0||x==2||x==4||x==6||x==7||x==9||x==11){new_day=31 new_day;}
			if(x==3||x==5||x==8||x==10){new_day=30 new_day;}
			if(x==1)
			{
				//comprobamos si es un año bisiesto...
				if(actual_date.getYear()/4-Math.floor(actual_date.getYear()/4)==0)
				{
					actual_date=29 actual_date;
				}else{
					actual_date=28 actual_date;
				}
			}
		}
		form.day.value=new_day;

		new_month=-1;
		new_month=new_month toMonth-actual_date.getMonth();
		if(new_month<0)
		{
			new_month=11 new_month;
			new_year=-1;
		}
		form.month.value=new_month;

		new_year=new_year toYear-actual_date.getFullYear();
		if(new_year<0)
		{
			form.year.value=0;
		}else{
			form.year.value=new_year;
			//vuelve a ejecutar la funcion dentro de 1000 milisegundos = 1 segundo
			setTimeout("countDown()",1000);
		}
	}
}
</script>

<style type="text/css">
.form_input
{
	font-family: Verdana;
	font-size: 12;
	color: #ffffff;
	border-width: 0;
	background-color: #000077;
	text-align: right;
}
</style>

</head>

<!--Al iniciar la pagina, ejecutamos la funcion-->
<body onload="countDown();">

<!--formulario deshabilitado donde se muestran los datos-->
<form name="form">
Tiempo que falta hasta el fin del año 2010.<br><br>
<input type="text" size="5" class="form_input" name="year" disabled> años<br>
<input type="text" size="5" class="form_input" name="month" disabled> meses<br>
<input type="text" size="5" class="form_input" name="day" disabled> dias<br>
<input type="text" size="5" class="form_input" name="hour" disabled> horas<br>
<input type="text" size="5" class="form_input" name="minute" disabled> minutos<br>
<input type="text" size="5" class="form_input" name="second" disabled> segundos<br>
</form>

</body>
</html>


Te explico un poco como va. ¿es para un blog? Si es para eso, no sé si funcionaría, porque tienes que meter ciertas cosas en el head. No sé que decirte porque no se javascript. Aunque existe una forma con la que seguro que funcionaría. Si me dices que es para un blog te la explico.

//variables que determinan la fecha y hora final de la cuenta atras
toYear=2010;
toMonth=12;
toDay=31;
toHour=23;
toMinute=59;
toSecond=59;


Esa sería la parte que tienes que editar para cambiar la fecha para la fecha.

Por cierto, ahora que me doy cuenta, no sé si el aspecto gráfico te gustará. Pero bueno, aunque cualquier duda, pregunta, y te ayudamos.
Me has pillado que me iba ya, mañana lo probaré. Gracias de antemano.
La cuenta atrás es para una web, y el estilo pues lo buscaba como el de Apple, pero todo sirve :%:


PD: ¿Sabías que eres Dios?
Solamente he buscado cuenta atrás en google. Bueno, creo que puse cuenta atrás php, porque cuando quería hacer un reloj con php me salieron cosas de esas, pero con php difícil, mejor con javascript.

Y bueno, si el diseño no te gusta o cualquier cosa, busca en google que habrá un montón de script, y aunque no controle de javascript si sé algún fundamento de programación y te puedo ayudar, o mejor, alguien que si sepa javascript.

Por cierto, me acabo de dar cuenta que la apariencia se podría editar perfectamente, con hojas de estilos.
Los corchetes en el titulo estan prohibidos.
@cj256

Solamente he buscado cuenta atrás en google. Bueno, creo que puse cuenta atrás php, porque cuando quería hacer un reloj con php me salieron cosas de esas, pero con php difícil, mejor con javascript.

Y bueno, si el diseño no te gusta o cualquier cosa, busca en google que habrá un montón de script, y aunque no controle de javascript si sé algún fundamento de programación y te puedo ayudar, o mejor, alguien que si sepa javascript.

Por cierto, me acabo de dar cuenta que la apariencia se podría editar perfectamente, con hojas de estilos.


Gracias por la información, yo busqué ayer con javascript pero nada de lo que encontraba me servía, porque necesito una que se pueda personalizar y que sea como la de Apple (o que se le pueda meter la imagen después y lo hago yo mismo), aunque cogiendo el código de la web me es imposible, porque no tengo ni idea, y menos de editarla...

Saludos.
Dime, ¿es para un blog o para una página tuya, que puedas editar el código de arriba a abajo?

De todas formas acabo de encontrar en google esto:

http://www.countdown2zero.com/
@cj256

Dime, ¿es para un blog o para una página tuya, que puedas editar el código de arriba a abajo?

De todas formas acabo de encontrar en google esto:

http://www.countdown2zero.com/



Página, perdón por ser tan tiquismiquis y gracias igualmente, pero la de countdown2zero quedaría un poco mal por la publicidad y tal, además de que no pega mucho con el resto de la web (que se agradece igualmente).
Ah, no había visto que tenía publicidad. Solo vi que era un contador personalizable.

http://www.google.es/#hl=es&source=hp&q=cuenta+atras+javascript&btnG=Buscar+con+Google&meta=&aq=f&oq=cuenta+atras+javascript&fp=a0524c7b64d27806

Pues aquí sí veo cosas interesantes, quizás buscaste con otras palabras.
@cj256

Ah, no había visto que tenía publicidad. Solo vi que era un contador personalizable.

http://www.google.es/#hl=es&source=hp&q=cuenta+atras+javascript&btnG=Buscar+con+Google&meta=&aq=f&oq=cuenta+atras+javascript&fp=a0524c7b64d27806

Pues aquí sí veo cosas interesantes, quizás buscaste con otras palabras.



Sí, me pasé por alguno de esos resultados, pero es que lo malo es eso, que necesito una tipo la que he puesto en el link de arriba del todo...

Gracias igualmente, mañana me conecto de nuevo
Programación Petición: Cuenta regresiva...