Contador de segundos? (no busco retardo)

AvenD · #1 (**permalink**) 14/05/2012, 02:06

Hola, buenos dias!

Estoy tratando de buscar una forma de contar sg o mas bien ms (milisegundos) para por ejemplo, en una clase, un metodo de clase controle que cada X tiempo se cambie un valor de otro metodo de clase o mas bien de una variable de clase.
Pongo por ejemplo : un metodo controla que cada 1 segundo, se le añada +1 a una variable que por ejemplo controle el translate X de un div

Entiendo que es un tema ambiguo, cualquier guia o ayuda sera infintamente agradecida!

diamari · #2 (**permalink**) 14/05/2012, 05:37

Necesitas utilizar el setTimeout() en un bucle infinito con un stop.

Puedes ver ejemplos aquí: http://www.w3schools.com/js/js_timing.asp

emprear · #3 (**permalink**) 14/05/2012, 07:28

Te dejo un timer sencillo que va guardando variables y ejecutando funciones cada n segundos (ó mili)

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<style type="text/css">
/*<![CDATA[*/
 
button{
width: 160px;
}
button.detener{
margin-right: 8px;
}
 
/*]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
var i = 0;
var intval = "";
var e = 0;
var m;
function miliseg(){
document.getElementById('mili').innerHTML = i;
if(e == 100){
m = i;
document.getElementById('mensajes').innerHTML = 'pasaron ' + m/10 + 'sgs.';
e = 0;
}
e++;
i++;
}
 
function iniciar(){
if(intval==""){
intval=window.setInterval("miliseg()",100)
}else{
parar();
}
}
 
function parar(){
if(intval!=""){
window.clearInterval(intval);
document.getElementById('inicia').innerHTML = 'continuar timer';
intval="";
}
}
//]]>
</script>
</head>
<body>
<div>
<button id="inicia" onclick="iniciar();">iniciar timer</button> <button class="detener" onclick="parar();">detener timer</button> 
<span id="mili"><!-- contador --></span>
<div>mensajes: <span id="mensajes"><!--- mensajes --></span></div>
</div>
</body>
</html>

quizás puedas adaptarlo a lo que necesitas

SAludos

AvenD · #4 (**permalink**) 15/05/2012, 08:06

Emprear, la funcion indow.setInterval en que difiere de setTimeout? he mirado tu codigo y me parece una buena alternativa a utilizar setTimeout.

Siempre y cuando setInterval() sea algo asi como Sleep() de la biblioteca de windows en C++

emprear · #5 (**permalink**) 15/05/2012, 09:42

Cita:

Iniciado por AvenD

Emprear, la funcion indow.setInterval en que difiere de setTimeout? he mirado tu codigo y me parece una buena alternativa a utilizar setTimeout.

Siempre y cuando setInterval() sea algo asi como Sleep() de la biblioteca de windows en C++

setTimeout() se ejecuta una sola vez en tanto que setInterval() lo hace indefinidamente cada n segundos pudiendo ser detenido ese bucle con clearInterval()

Saludos