Cronómetro en JavaScript
-
Trufa
- Macacojunior
- Mensajes: 101
- Registrado: 08 Jul 2008
Cronómetro en JavaScript
Como andan?? era para hacerles un pregunta a ver si a alguien se le ocurre algo. Con el siguiente código se puede hacer un simple cronometro, lo que quiero hacer es agregar otro boton: "save" que cuando el cronometro este parado, si hago click en este boton, me "copie" el texto y me lo "muestre" en otro lado (sin reload)
el código es el siguiente:
<html>
<head>
<script type="text/javascript">
var c=0;
var t;
var timer_is_on=0;
function timedCount()
{
document.getElementById('txt').value=c;
c=c+1;
t=setTimeout("timedCount()",1000);
}
function doTimer()
{
if (!timer_is_on)
{
timer_is_on=1;
timedCount();
}
}
function stopCount()
{
clearTimeout(t);
timer_is_on=0;
}
</script>
</head>
<body>
<form>
<input type="button" value="Start count!" onClick="doTimer()">
<input type="text" id="txt">
<input type="button" value="Stop count!" onClick="stopCount()">
</form>
</body>
</html>
Soy bastante novato en todo esto, capaz que la solución es muy simple pero bueno estoy medio truncado!
Un saludo para todos y desde ya muchas gracias
Trufa
el código es el siguiente:
<html>
<head>
<script type="text/javascript">
var c=0;
var t;
var timer_is_on=0;
function timedCount()
{
document.getElementById('txt').value=c;
c=c+1;
t=setTimeout("timedCount()",1000);
}
function doTimer()
{
if (!timer_is_on)
{
timer_is_on=1;
timedCount();
}
}
function stopCount()
{
clearTimeout(t);
timer_is_on=0;
}
</script>
</head>
<body>
<form>
<input type="button" value="Start count!" onClick="doTimer()">
<input type="text" id="txt">
<input type="button" value="Stop count!" onClick="stopCount()">
</form>
</body>
</html>
Soy bastante novato en todo esto, capaz que la solución es muy simple pero bueno estoy medio truncado!
Un saludo para todos y desde ya muchas gracias
Trufa
Última edición por Trufa el Lun Dic 21, 2009 8:45 pm, editado 1 vez en total.
“I just want to say LOVE YOU SAN!!” and “billy gates why do you make this possible? Stop making money and fix your software!!”
-
macRo
- Macacojunior
- Mensajes: 89
- Registrado: 29 Dic 2006
-
Trufa
- Macacojunior
- Mensajes: 101
- Registrado: 08 Jul 2008
A futuro tengo algo planeado como cubetimer.commacRo escribió:Cuando decís "me lo muestre en otro lado" a qué lugar te referís?.
Otro textbox por ejemplo?.
a ver si te da la referencia! cualqueir cosa pregunta
Gracias!
Última edición por Trufa el Lun Dic 21, 2009 8:53 pm, editado 1 vez en total.
“I just want to say LOVE YOU SAN!!” and “billy gates why do you make this possible? Stop making money and fix your software!!”
-
yosoyelgerman
- Macacodemente
- Mensajes: 5625
- Registrado: 23 May 2006
-
macRo
- Macacojunior
- Mensajes: 89
- Registrado: 29 Dic 2006
Bueno, una posibilidad es la siguiente:
<html>
<head>
<script type="text/javascript">
var c=0;
var t;
var timer_is_on=0;
function timedCount()
{
document.getElementById('txt').value=c;
c=c+1;
t=setTimeout("timedCount()",1000);
}
function doTimer()
{
if (!timer_is_on)
{
timer_is_on=1;
timedCount();
}
}
function stopCount()
{
clearTimeout(t);
timer_is_on=0;
}
function saveSeconds()
{
var seconds = document.getElementById('txt').value;
if (!timer_is_on && seconds != '')
{
document.getElementById('save').value = document.getElementById('save').value + seconds + '\n';
}
}
</script>
</head>
<body>
<form>
<input type="button" value="Start count!" onClick="doTimer()">
<input type="text" id="txt">
<input type="button" value="Stop count!" onClick="stopCount()">
<input type="button" value="Save" onClick="saveSeconds()">
<br>
<textarea id="save" name="save" cols="10" rows="10"></textarea>
</form>
</body>
</html>
<html>
<head>
<script type="text/javascript">
var c=0;
var t;
var timer_is_on=0;
function timedCount()
{
document.getElementById('txt').value=c;
c=c+1;
t=setTimeout("timedCount()",1000);
}
function doTimer()
{
if (!timer_is_on)
{
timer_is_on=1;
timedCount();
}
}
function stopCount()
{
clearTimeout(t);
timer_is_on=0;
}
function saveSeconds()
{
var seconds = document.getElementById('txt').value;
if (!timer_is_on && seconds != '')
{
document.getElementById('save').value = document.getElementById('save').value + seconds + '\n';
}
}
</script>
</head>
<body>
<form>
<input type="button" value="Start count!" onClick="doTimer()">
<input type="text" id="txt">
<input type="button" value="Stop count!" onClick="stopCount()">
<input type="button" value="Save" onClick="saveSeconds()">
<br>
<textarea id="save" name="save" cols="10" rows="10"></textarea>
</form>
</body>
</html>
// // // //
-
Trufa
- Macacojunior
- Mensajes: 101
- Registrado: 08 Jul 2008
No los habia visto estos todavia, les voy a echar un vistazo mas profundo mas tarde, seguro saco algo, pero lo que quiero especificamente es, como dije en el ejemplo, asi como en cubetimer.com, pegar el string del resultado como texto en el contenido de la pagina sin tener que hacer un reload...yosoyelgerman escribió:A ver si alguno de estos sirve:
http://www.hotscripts.com/listing/javascript-chronometerstopwatch/
http://www.emanueleferonato.com/2006/06/04/javascript-chronometerstopwatch/
http://www.proglogic.com/code/javascript/time/chronometer.php
Muchas gracias!
“I just want to say LOVE YOU SAN!!” and “billy gates why do you make this possible? Stop making money and fix your software!!”
-
Trufa
- Macacojunior
- Mensajes: 101
- Registrado: 08 Jul 2008
@macRo:
Es exactamente lo que queria!!!
Que grande, muchas gracias por el trabajo!! te puedo joder con una cosa mas??
Como hago para que cuando hago el save el crono vuelva a 0 de nuevo??
Muchas gracias!!!!!!!
Pd: puede ser que sea con un loop??
Es exactamente lo que queria!!!
Que grande, muchas gracias por el trabajo!! te puedo joder con una cosa mas??
Como hago para que cuando hago el save el crono vuelva a 0 de nuevo??
Muchas gracias!!!!!!!
Pd: puede ser que sea con un loop??
Última edición por Trufa el Lun Dic 21, 2009 9:11 pm, editado 1 vez en total.
“I just want to say LOVE YOU SAN!!” and “billy gates why do you make this possible? Stop making money and fix your software!!”
-
macRo
- Macacojunior
- Mensajes: 89
- Registrado: 29 Dic 2006
-
Sera
- Übermacaco
- Mensajes: 11145
- Registrado: 28 Ene 2004
Que calida'
Gracias macRo por el aporte
Gracias macRo por el aporte
Serafin Patiño / Apple Certified Macintosh Technician
Macintosh for Productivity - Linux for Development - iPhone for Mobility - Windows for Solitaire
Emergencia Macaca Online
Macintosh for Productivity - Linux for Development - iPhone for Mobility - Windows for Solitaire
Emergencia Macaca Online
-
Trufa
- Macacojunior
- Mensajes: 101
- Registrado: 08 Jul 2008
@macRo:macRo escribió:function saveSeconds()
{
var seconds = document.getElementById('txt').value;
if (!timer_is_on && seconds != '')
{
document.getElementById('save').value = document.getElementById('save').value + seconds + '\n';
c=0;
document.getElementById('txt').value = '';
}
}
La verdad sin palabras che!! funciono divino y le agarre la idea creo así que le voy a estar metiendo unas nuevas funciones a ver que sale!!
En serio muchas gracias por tomarte el tiempo!
Saludos!
Pd: no para de sorprenderme cuanta gente hay en este foro con buena onda y con ganas de colaborar!
“I just want to say LOVE YOU SAN!!” and “billy gates why do you make this possible? Stop making money and fix your software!!”
-
macRo
- Macacojunior
- Mensajes: 89
- Registrado: 29 Dic 2006
-
Trufa
- Macacojunior
- Mensajes: 101
- Registrado: 08 Jul 2008
Dale gracias! no no, no soy el mismo!macRo escribió:A las órdenes Trufa!.
PD: Por esas casualidades sos el mismo usuario "Trufa" que está en el foro de PowerZone?.
Yo siempre pienso que tengo un apodo orignal pero se ve que no tanto!
Saludos!!
Trufa
“I just want to say LOVE YOU SAN!!” and “billy gates why do you make this possible? Stop making money and fix your software!!”