Foros del Web » Programando para Internet » Javascript »

Script cuenta regresiva

Estas en el tema de Script cuenta regresiva en el foro de Javascript en Foros del Web. Hola amigos a ver si podeis ayudarme tengo este script, pero necesito que la cuenta regresiva se encontrara en la misma linea de campo y ...
  #1 (permalink)  
Antiguo 13/02/2009, 04:13
 
Fecha de Ingreso: octubre-2007
Mensajes: 74
Antigüedad: 17 años, 3 meses
Puntos: 1
Exclamación Script cuenta regresiva

Hola amigos a ver si podeis ayudarme tengo este script, pero necesito que la cuenta regresiva se encontrara en la misma linea de campo y el mismo formato de fuente que el texto que le precede y le sucede...

Lo que intento hacer es incorporar todo (texto + script + texto) bajo la etiqueta <marquee> en una sola linea de campo.

Aqui el script:

Cita:
<HTML>
<HEAD>

texto textotexto textotexto textotexto textotexto textotexto texto

<META NAME="GENERATOR" CONTENT="MAX's HTML Beauty++ 2004">
<script type="text/javascript" language="JavaScript">
// autor : jallmalatesta
var futuro = new Date (2004,1,3,20,16);
var actualiza = 5000;
function faltan(){
var ahora = new Date();
var faltan = futuro - ahora;
if (faltan > 0){
var segundos = Math.round(faltan/1000);
var minutos = Math.floor(segundos/60);
var segundos_s = segundos%60;
var horas = Math.floor(minutos/60);
var minutos_s = minutos%60;
var dias = Math.floor(horas/24);
var horas_s = horas%24;
document.formulario.reloj.value= dias + " dias : " + horas_s + " horas : " +
+minutos_s + " minutos : " + segundos_s + " segundos" ;
setTimeout("faltan()",actualiza);
}
else {
document.formulario.reloj.value= "0 dias : 0 horas : 0 minutos : 0 segundos" ;
return true;
}
}
</script>
</head>
<BODY onload="faltan()">
<form name="formulario">
<input type="text" name="reloj" value="" size="55" style="border : 0px ; text-align : center">
</form>
</body>

texto textotexto textotexto textotexto textotexto textotexto textotexto textotexto texto
</html>

Muchas gracias por vuestra atención, un saludo .
  #2 (permalink)  
Antiguo 13/02/2009, 09:04
 
Fecha de Ingreso: octubre-2007
Mensajes: 74
Antigüedad: 17 años, 3 meses
Puntos: 1
Exclamación Respuesta: Script cuenta regresiva

He encontrado lo que buscaba, lo dejo aqui por si le vale a alguien como a mi.


Extraido de http://webmaster.lycos.es/tips/988892581/


¿Desea saber cuánto ha esperado antes de que ocurra un acontecimiento específico? Esta cuenta regresiva aparece en tiempo real y con una precisión de un segundo, para indicar cuanto queda para... Pascua, por ejemplo.



Para crear esta cuenta regresiva, copie primero el siguiente script en el encabezamiento de su página. Especifique simplemente la fecha de referencia de la cuenta regresiva en formato inglés. Aquí, hemos elegido Pascua a medianoche (Dec 25 2002 00:00:00). También puede personalizar el texto de visualización del script:

Cita:
<SCRIPT LANGUAGE="JavaScript">
<!--
function getTime() {
now = new Date();
y2k = new Date("Dec 25 2002 00:00:00");
days = (y2k - now) / 1000 / 60 / 60 / 24;
daysRound = Math.floor(days);
hours = (y2k - now) / 1000 / 60 / 60 - (24 * daysRound);
hoursRound = Math.floor(hours);
minutes = (y2k - now) / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);
minutesRound = Math.floor(minutes);
seconds = (y2k - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);
secondsRound = Math.round(seconds);
sec = (secondsRound == 1) ? " segundo" : " segundos";
min = (minutesRound == 1) ? " minuto" : " minutos, ";
hr = (hoursRound == 1) ? " hora" : " horas, ";
dy = (daysRound == 1) ? " día" : " días, "
document.timeForm.input1.value = "There's " + daysRound + dy + hoursRound + hr + minutesRound + min + secondsRound + sec + " before next Xmas!";
newtime = window.setTimeout("getTime();", 1000);
}
// -->
</script>
Después, vaya a su página e inserte la forma que visualizará la cuenta regresiva. Este es un simple campo de texto que tiene la siguiente forma:

Cita:
<form name=timeForm>
<input type="texte" name=input1 size=110 border-style="none" style="border-bottom: 0px solid; border-left: 0px solid;border-right: 0px solid;border-top: 0px solid;font:12px arial, helvetica,sans-serif">
</form>
Ahora todo lo que tiene que hacer es iniciar la ejecución del script mediante el atributo onLoad de la etiqueta <body> de su página. Un juego de niños:

Cita:
<BODY onLoad="getTime()">
Ahora, sabe cuánto tiene que esperar antes de que pueda comer su huevo de pascua de chocolate.


EN ROJO LOS CAMPOS MODIFICABLES
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:10.