Retroceder   Foros del Web > Programación para sitios web > AJAX

Tema Cerrado
 
Herramientas Desplegado
Antiguo 12-feb-2008, 09:19   #1 (permalink)
cmarrero está en el buen camino
 
Avatar de cmarrero
 
Fecha de Ingreso: enero-2008
Mensajes: 229
Enviar un mensaje por MSN a cmarrero
Exclamación Cuenta Regresiva Urgente

Estoy intentando crear una cuenta regresiva desde 4 minutos a 0, yo lo hice en java script de la siguiente manera:

<script>
var timeLimit = 4; //tiempo en minutos
var conteo = new Date(timeLimit * 60000);

function inicializar(){
document.getElementById('cuenta').childNodes[0].nodeValue =
conteo.getMinutes() + ":" + conteo.getSeconds();
}

function cuenta(){
intervaloRegresivo = setInterval("regresiva()", 1000);
}

function regresiva(){
if(conteo.getTime() > 0){
conteo.setTime(conteo.getTime() - 1000);
}else{
clearInterval(intervaloRegresivo);
alert("Fin");
}

document.getElementById('cuenta').childNodes[0].nodeValue =
conteo.getMinutes() + ":" + conteo.getSeconds();
}

onload = inicializar;
</script>

En el body cargo el onload cuenta para que se inicia al incializar la pagina
y lo muestro <div id=cuenta >0</div>...

El tema es que yo necesito que esto al llegar a 0 lo envie un formulario, y en caso de que lo envien antes de llegar a 0 que envie asta donde alla llegado la cuenta regresiva...

quise poner la cuenta en el value de un imput pero no me inicia la cuenta...

Se que con ajax se puede enviar el contenido de un div, o algo asi... como puedo hacerlo... una ayuda plis..... es urgente
cmarrero está desconectado  
Antiguo 13-feb-2008, 05:21   #2 (permalink)
ZiTAL tiene algunos puntos positivos de karma
 
Avatar de ZiTAL
 
Fecha de Ingreso: marzo-2004
Ubicación: Bermio (Bizkaia)
Mensajes: 1.179
Re: Cuenta Regresiva Urgente

se me ocurre crear un campo hidden, y al form darle una ID para que luego lo puedas enviar desde javascript

Código HTML:
<form ... id="formu" onsubmit="return abc()">
....
<input name="tiempo" id="tiempo" value="" />
</form>
Código:
var cuentaatras=240000; // 4 minutos en milisegundos: 4*60*1000
...
function abc()
 {
   document.getElementById('tiempo').value=cuentaatras;
   return true;
 }

function RestarSegundo()
 {
  cuentaatras=cuentaatras-1000;
  if(cuentaatras==0)
   {
     formu=document.getElementById('formu');
     formu.submit();
   }
 }

setInterval("RestarSegundo()",1000); // se ejecutara cada segundo
asi al enviar te pillara el valor de cuentaatras, lo metera en la variable hidden y te lo enviara por post, luego ya tu lo puedes procesar como una variable normal de POST.
__________________
http://zital.no-ip.org
____________________

Euskerie ahuen eta bijotzan
ZiTAL está desconectado  
Antiguo 13-feb-2008, 07:30   #3 (permalink)
cmarrero está en el buen camino
 
Avatar de cmarrero
 
Fecha de Ingreso: enero-2008
Mensajes: 229
Enviar un mensaje por MSN a cmarrero
Exclamación Re: Cuenta Regresiva Urgente

<script>

var timeLimit = 1; //tiempo en minutos
var conteo = new Date(timeLimit * 60000);

function inicializar(){
document.getElementById('cuenta').childNodes[0].nodeValue =
conteo.getMinutes() + ":" + conteo.getSeconds();
}

function cuenta(){
intervaloRegresivo = setInterval("regresiva()", 1000);
}

function regresiva(){
if(conteo.getTime() > 0){
conteo.setTime(conteo.getTime() - 1000);
}else{
clearInterval(intervaloRegresivo);
}

document.getElementById('cuenta').childNodes[0].nodeValue =
conteo.getMinutes() + ":" + conteo.getSeconds();


}


onload = inicializar;
</script>

Asi lo tengo....

lo envio por post asi...

<form action="3paso.php" method="post" name="cuentaregresiva" onsubmit = "minutos.value = document.getElementById('cuenta').innerHTML" >

ya que el div se llama cuenta... y
<input name="minutos" type="hidden" id="minutos" />

Donde me decis que le agregue para que se envie cuando llega a 0
cmarrero está desconectado  
Antiguo 13-feb-2008, 07:44   #4 (permalink)
ZiTAL tiene algunos puntos positivos de karma
 
Avatar de ZiTAL
 
Fecha de Ingreso: marzo-2004
Ubicación: Bermio (Bizkaia)
Mensajes: 1.179
Re: Cuenta Regresiva Urgente

Código:
function regresiva(){
if(conteo.getTime() > 0){
conteo.setTime(conteo.getTime() - 1000);
}else{
clearInterval(intervaloRegresivo); // aqui, y borra este ya que aqui se enviara el formulario ;)
}
__________________
http://zital.no-ip.org
____________________

Euskerie ahuen eta bijotzan
ZiTAL está desconectado  
Antiguo 13-feb-2008, 07:50   #5 (permalink)
cmarrero está en el buen camino
 
Avatar de cmarrero
 
Fecha de Ingreso: enero-2008
Mensajes: 229
Enviar un mensaje por MSN a cmarrero
Exclamación Re: Cuenta Regresiva Urgente

<script>
var timeLimit = 1; //tiempo en minutos
var conteo = new Date(timeLimit * 60000);

function inicializar(){
document.getElementById('cuenta').childNodes[0].nodeValue =
conteo.getMinutes() + ":" + conteo.getSeconds();
}

function cuenta(){
intervaloRegresivo = setInterval("regresiva()", 1000);
}

function regresiva(){
if(conteo.getTime() > 0){
conteo.setTime(conteo.getTime() - 1000);
}else {
function abc()
{
document.getElementById('tiempo').value=cuentaatra s;
return true;
}

function RestarSegundo()
{
cuentaatras=cuentaatras-1000;
if(cuentaatras==0)
{
cuentaregresiva=document.getElementById('cuentareg resiva');
cuentaregresiva.submit();
}
}

setInterval("RestarSegundo()",1000);
}

document.getElementById('cuenta').childNodes[0].nodeValue =
conteo.getMinutes() + ":" + conteo.getSeconds();
}

onload = inicializar;
</script>


ASI QUEDA CON LO QUE ME PASASTE, PERO ME DA HERROR EN LA PAGINA-..

DECIME SI ESTOY EQUIVOCADO EN LA FORMA EN QUE LO AGREGUE...

SALUDOS
cmarrero está desconectado  
Antiguo 13-feb-2008, 07:57   #6 (permalink)
ZiTAL tiene algunos puntos positivos de karma
 
Avatar de ZiTAL
 
Fecha de Ingreso: marzo-2004
Ubicación: Bermio (Bizkaia)
Mensajes: 1.179
Re: Cuenta Regresiva Urgente

Una pregunta. ¿Sabes lo que hace tu codigo?
__________________
http://zital.no-ip.org
____________________

Euskerie ahuen eta bijotzan
ZiTAL está desconectado  
Antiguo 13-feb-2008, 07:58   #7 (permalink)
Moderador
GatorV llegará a ser famoso muy prontoGatorV llegará a ser famoso muy prontoGatorV llegará a ser famoso muy prontoGatorV llegará a ser famoso muy prontoGatorV llegará a ser famoso muy pronto
 
Avatar de GatorV
 
Fecha de Ingreso: mayo-2006
Ubicación: Queretaro, Mexico
Mensajes: 11.616
Re: Cuenta Regresiva Urgente

Cerrado, continua en:

Cuenta Regresiva

Por favor no dupliques temas.
__________________
Blog Web
GatorV está desconectado  
Tema Cerrado
No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 03:19.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93