cronometro javascript - php

wendyl · #1 (**permalink**) 02/05/2012, 11:02

hola a todos necesito su ayuda
encontre este codigo que genera un contador necesito implementarlo en mi codigo php... y en vez de que salga el boton start y el boton stop que este contador se me inicie cuando una variable de mi consulta cambie de 0 a 1 por favor ayudenme

<HTML>

<HEAD>

<TITLE>Cronómetro digital</TITLE>
<script src="funciones.js" type="text/javascript"></script>
<SCRIPT LANGUAGE="JavaScript">

horas=0; minutos=0; segundos=0;

puntos=true;

function Tiempo() {

if(puntos) ++segundos;

if(segundos==60) { segundos=0; ++minutos }

if(minutos==60) { minutos=0; ++horas }

if(horas==24) horas=0;

cad="";

if(horas<10) cad+="0";

cad+=horas;

if(puntos) cad+=":"; else cad+=" ";

if(minutos<10) cad+="0";

cad=cad+minutos;

if(puntos) cad+=":"; else cad+=" ";

if(segundos<10) cad+="0";

cad=cad+segundos;

puntos=!puntos;

document.crono.boton.value=cad;

}

var id;

function sigue() { id=setInterval("Tiempo()",500) }

function para() { clearInterval(id) }-->

</SCRIPT>

</HEAD>

<BODY>

<H2 ALIGN="center">Un cronómetro digital</H2>

<DIV ALIGN="center">

<FORM NAME="crono">

<INPUT TYPE="button" NAME="boton" VALUE="00:00:00"><BR><BR>

<INPUT TYPE="button" VALUE="Start" onClick="sigue()">



</FORM>

</DIV>

</BODY>

</HTML>[/QUOTE][/QUOTE]

les agradesco su ayuda

Swab · #2 (**permalink**) 02/05/2012, 11:06

Acá tienes un ejemplo funcionando... Tiene 4 botones, pero adaptalo a lo que necesitas.

http://www.elcodigo.net/cgi-bin/DBre...lave=20&info=4

Saludos

wendyl · #3 (**permalink**) 02/05/2012, 11:22

Cita:

Iniciado por Swab

Acá tienes un ejemplo funcionando... Tiene 4 botones, pero adaptalo a lo que necesitas.

http://www.elcodigo.net/cgi-bin/DBre...lave=20&info=4

Saludos

gracias pero lo que pasa es que no se como poner mi variable php para que el cronometro inicie apenas la variable $llamada_cola=1

porfa ayúdenme gracias

leonardo308 · #4 (**permalink**) 04/07/2012, 22:55

Agrega esto dentro de las etiquetas <script></script>que tienes alli

Código PHP:

Ver original<?php
$variable=1;
if($variable=1){
    echo "onLoad=sigue();";
}
?>

Quedando Algo asi en la linea 52:

Código HTML:

Ver original<HTML>
 
<HEAD>
 
<TITLE>Cronómetro digital</TITLE>
<script src="funciones.js" type="text/javascript"></script>
<SCRIPT LANGUAGE="JavaScript">
 
horas=0; minutos=0; segundos=0;
 
puntos=true;
 
function Tiempo() {
 
if(puntos) ++segundos;
 
if(segundos==60) { segundos=0; ++minutos }
 
if(minutos==60) { minutos=0; ++horas }
 
if(horas==24) horas=0;
 
cad="";
 
if(horas<10) cad+="0";
 
cad+=horas;
 
if(puntos) cad+=":"; else cad+=" ";
 
if(minutos<10) cad+="0";
 
cad=cad+minutos;
 
if(puntos) cad+=":"; else cad+=" ";
 
if(segundos<10) cad+="0";
 
cad=cad+segundos;
 
puntos=!puntos;
 
document.crono.boton.value=cad;
 
}
 
var id;
 
function sigue() { id=setInterval("Tiempo()",500) }
 
function para() { clearInterval(id) }
<?php
$variable=1;
if($variable=1){
    echo "onLoad=sigue();";
}
?>
 
</SCRIPT>
 
</HEAD>
 
<BODY>
 
<H2 ALIGN="center">Un cronómetro digital</H2>
 
<DIV ALIGN="center">
 
<FORM NAME="crono">
 
<INPUT TYPE="button" NAME="boton" VALUE="00:00:00"><BR><BR>
 
<INPUT TYPE="button" VALUE="Start" onClick="sigue()">
 
<!--<INPUT TYPE="button" VALUE="Stop" onClick="para()">-->
 
</FORM>
 
</DIV>
 
</BODY>
 
</HTML>