Foros del Web - Ver Mensaje Individual

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