eparera
Usuario Novato
Usuario Novato

Un saludo

Estoy buscando algun contador regresivo que le muestre al usuario el tiempo restante en Meses, Dias horas, minutos, segundos que queda para un evento cualquiera

alguien que me pueda ayudar gracias

Avatar Image
Usuario baneado
Usuario baneado
Este mensaje no se muestra porque su autor está baneado
User 28318
User 28318
Machacateclados
Machacateclados

Aquí tienes otro código que te puede servir:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<HTML>
<HEAD>
<TITLE>RELOJ QUE CUENTA HACIA ATRÁS</title>
<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>
</html>

Comentarios:

- la variable "futuro" es la fecha del evento, como tu lo llamas, y su formato es (año, mes, dia, hora, minuto) teniendo en cuenta que Javascript cuenta los meses desde 0 y que por lo tanto estaríamos en el mes 1 (porque enero es el 0); también tener en cuenta que el año debe ponerse con las 4 cifras.

- lo que se visualiza es un reloj que cuenta hacia atrás dentro de una caja de texto (aunque no lo parezca) y la variable "actualiza" la he puesto para que decidas cada cuánto tiempo quieres que se actualice el reloj; en este caso cada 5000 ms, es decir, cada 5 s (podrías poner 1000 y se actualizaría cada segundo).

- no quise romperme la cabeza con lo de los meses (ya sabes, unos tienen 28 otros 30 y otros 31 días y eso era "muxo pa´l kuerpo, kolega" ); si alguien es capaz de modificar el script para que dé los meses "lo comparta, please" ).

salu2

eparera
Usuario Novato
Usuario Novato

vale muchisimas gracias lo probare


un salu2

eparera
Usuario Novato
Usuario Novato

hombre me da este error

erro en tiempo de ejecucion

document.formulario.reloj



no le hehecho nada solo colocarlo como un modulo en el phpnuke y ahora no funciona alguna idea ??

Avatar Image
Moderador
Moderador

Estas usando el que te dejo deca o el otro, el que tte dejo deca funciona, el otro lo veo enseguida

De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


Avatar Image
Moderador
Moderador

el otro tb, funciona, lo acabo de probar en mi pc y esta okis. Fijate cdo edites no alterar la estructura del script , nada de borrar los ; u otras sentencias .

De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


User 28318
User 28318
Machacateclados
Machacateclados

yo también tengo nombre

salu2

Avatar Image
Moderador
Moderador

Nick querras decir

Bueno el de jallmalatesta tb funciona

De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


User 28318
User 28318
Machacateclados
Machacateclados

gracias.

salu2

Avatar Image
Usuario Novato
Usuario Novato
Escrito originalmente por jallmalatesta
Aquí tienes otro código que te puede servir:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<HTML>
<HEAD>
<TITLE>RELOJ QUE CUENTA HACIA ATRÁS</title>
<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>
</html>

Comentarios:

- la variable "futuro" es la fecha del evento, como tu lo llamas, y su formato es (año, mes, dia, hora, minuto) teniendo en cuenta que Javascript cuenta los meses desde 0 y que por lo tanto estaríamos en el mes 1 (porque enero es el 0); también tener en cuenta que el año debe ponerse con las 4 cifras.

- lo que se visualiza es un reloj que cuenta hacia atrás dentro de una caja de texto (aunque no lo parezca) y la variable "actualiza" la he puesto para que decidas cada cuánto tiempo quieres que se actualice el reloj; en este caso cada 5000 ms, es decir, cada 5 s (podrías poner 1000 y se actualizaría cada segundo).

- no quise romperme la cabeza con lo de los meses (ya sabes, unos tienen 28 otros 30 y otros 31 días y eso era "muxo pa´l kuerpo, kolega" ); si alguien es capaz de modificar el script para que dé los meses "lo comparta, please" ).

salu2




como agrego este codigo a un bloque de php-nuke???
si lo agrego como está me sale esto:

The html tags you attempted to use are not allowed

[ Go Back ]


como lo agrego???? que saco o cambio??
Saludos!
Avatar Image
Machacateclados
Machacateclados

Aquí tienes otro mas.

<script languaje="JavaScript">
function setcountdown(theyear,themonth,theday,thehour,themin,thesec){
yr=theyear;mo=themonth;da=theday;hr=thehour;min=themin;sec=thesec
}
setcountdown(2005,3,23,00,00,00,00)
var opentags='<table border="1" cellpadding="0" cellspacing="0" bgcolor="#FF9900" width="270"><td align="center">'
var closetags='</td></table>'
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec&quotGiño
function start_countdown(){
if (document.layers)
document.countdownnsmain.visibility
else if (document.all||document.get)
crosscount=document.get&&!document.all?document.get("countdownns&quotGiño : countdownns
countdown()
}
window.onload=start_countdown
function countdown(){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getUTCMonth()
var todayd=today.getUTCDate()
var todayh=today.getUTCHours()
var todaymin=today.getUTCMinutes()
var todaysec=today.getUTCSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
futurestring=montharray[mo-1]+" "+da+", "+yr+" "+hr+":"+min+":"+sec
dd=Date.parse(futurestring)-Date.parse(todaystring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=1&&todayd==da){
if (document.layers){
}
}
else if (dday<=-1){
if (document.layers){
}
}
{
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+dday+ "valign='center'>"+dhour+"Horas"+dmin+"Min."+dsec+"Seg."+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.get)
crosscount.innerHTML=opentags+dday+ " Dias<td align='center'>"+dhour+" Hrs<td align='center'>"+dmin+" Mns<td valign='center'>"+dsec+" Sgs<td valign='center'>"+closetags
}
setTimeout("countdown()",1000)
}
// end generated JavaScript. -->
</script>
<center>
<table border="3" cellspacing="2" bgcolor='F5DED3'>
<tr>
<td class="">Campo para añadir el texto que quieras que salga</td></tr>
</table>
<span id="countdownns" style="width:&{countdownwidth}; height:&{countdownheight};"></span>
</center>

En esta variable setcountdown(2005,3,23,00,00,00,00) es donde debes de poner la fecha hacia la que se hace la cuenata atrás,si cambiaslos valores ,00 podrás ver la cuenta progresiva hacia adelante.

Ojo algún usuario puede decirte que salen mal los calculos del reloj,esto es muy sencillo,este código lo que hace es extraer de su pc la fecha y hora con el comando ( get ) o sea que si el pc de alguien está mal ajustado de fecha y hora,esa persona podra ver mas o menos dias,horas,minutos y segundos en la cuenta atras de los que ralmente hay.

jhonny001
Usuario Novato
Usuario Novato

hola, os comento, necesito un contador hacia atras hasta cierta fecha y hora, ejemplo... yo necesito que aparezca que faltan tantos dias , tantas horas, y tantos minutos, para el siguiente acontecimiento, que seria el mismo dia de la semna, pero una seman depsues, lo tipico.... que diga... pues faltan 3 dias 20 hora sy 3 minutos para el proximo programa...... plisss... es bastante urgente.... lo necesito para antes de este domingo.... muchas gracias.....

Avatar Image
@man / @woman
@man / @woman
Escrito originalmente por jhonny001
plisss... es bastante urgente.... lo necesito para antes de este domingo.... muchas gracias.....

Y???? ¿que quieres decir con eso?

¿Tas molestado en leer los códigos que te ha proporcionado este tema? ¿lo has probado? ¿que problemas encuentras?
ihfgdic
Usuario habitual
Usuario habitual

En el de jallmalatesta como se pude poner antes del tiempo que falta FALTAN y despues PARA ... (el evento que sea)

Avatar Image
Usuario habitual
Usuario habitual

Hola!

Me funciona perfecto el código que puso jallmalatesta, pero tengo una duda... ¿cómo puedo cambiar el fondo? es que sale el texto en una especie de rectángulo alargado blanco, si pudiera quitar eso o ponerle el mismo color de fondo que la web (foro) sería mucho mejor... ¿se puede? ¿qué tengo que modificar? he probado pero no lo he conseguido T.T de todos modos seguiré intentando ahora... si alguien lo sabe que me lo diga please ;(

Saludos!

pd: podéis ver lo que digo en www.natalia4ever.foro.st justo abajo de la cabecera

Avatar Image
Moderador
Moderador

Si te refieres a este http://soporte.miarroba.com/152498/1396686-cuenta-regresiva/#25521479 agrega

bgcolor="#color "  antes de <td class="" >Campo cosa que quede así 

<td class="" bgcolor="#color">Campo para añadir el texto que quieras que
        salga</td>

el color es hexadecimal .-

De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


Avatar Image
Usuario habitual
Usuario habitual

No, me refería a ESTE

Avatar Image
Moderador
Moderador

especificar ... aún asi lo vi y ese lo llama en un campo de formulario, algo con sencillo css se me ocurre que lo "arregla" , pero ando sin ideas para eso, y con menos ganas de ponerme a buscar .

De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


Avatar Image
Usuario habitual
Usuario habitual

pues vaya, gracias ¬¬

Avatar Image
Usuario Novato
Usuario Novato

Tengo un problema con el script de jallmalatesta.

Por más que miro, no encuentro nada que me pueda conducir hacia el error... Estoy intentando crear una cuenta atrás para este domingo a las doce de la mañana, y lo único que he modificado es:

var futuro = new Date (2008,9,10,12,00);
var actualiza = 1000;

Pero al abrir el archivo para ver cómo queda, me dice que faltan 64 días, cuando es tan sólo 4 días... ¿Por qué puede ser? :8}

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
No se han encontrado temas similares