ctroncoso/gist:738404

## gistfile1.html
<html>
  <head>
    <script src="jquery-1.4.4.min.js" type="text/javascript"> </script>
    <script>
      var timer;
      var myObj = {
        count:0,
        doSomething:function(){
          $("#printarea").prepend(this.count + " ");
        },
        loopFunc:function(){
          this.doSomething();
          if (this.count == 100) return;
          this.count++;
          timer= setTimeout('myObj.loopFunc()',500);  //mantenemos una referencia al timeout para poder detenerlo.
        }
      };

      // función para boton
      function btn3(){
        var arr = $("#printarea").text().trim().split(" ");  //obtiene texto, elimina espacios (cabeza y cola), y crea array a partir de espacios.
        arr = $.grep(arr, function(n,i){                     // grep devuelve solo elementos de un array que cumplan con una condición.
                                                             // n es el valor del elemento, i es el index.
          return n%2 !=0;                                    // valor de retono es TRUE, solo si modulo <> 0 (conserva los impares)
        });
        $("#printarea").text(arr.join(" "));                 // reemplaza el contenido de #printarea, con el texto del array unido con espacios.
      }

      // RESET GENERAL!!!!!!!!
      function parentodo(){
        clearTimeout(timer);
        myObj.count=0;
        $("#printarea").text("<=");
      }

    </script>
  </head>
  <body>
    <h1>Numbernator!</h1>
    <h3 id="printarea"> -=- </h3>

    <button onclick=myObj.loopFunc();>timeout recursivo</button>
    <button onclick=parentodo();> detener </button>
    <button onclick=btn3();>borrar pares</button>

  </body>
</html>
	<html>
	<head>
	<script src="jquery-1.4.4.min.js" type="text/javascript"> </script>
	<script>
	var timer;
	var myObj = {
	count:0,
	doSomething:function(){
	$("#printarea").prepend(this.count + " ");
	},
	loopFunc:function(){
	this.doSomething();
	if (this.count == 100) return;
	this.count++;
	timer= setTimeout('myObj.loopFunc()',500); //mantenemos una referencia al timeout para poder detenerlo.
	}
	};

	// función para boton
	function btn3(){
	var arr = $("#printarea").text().trim().split(" "); //obtiene texto, elimina espacios (cabeza y cola), y crea array a partir de espacios.
	arr = $.grep(arr, function(n,i){ // grep devuelve solo elementos de un array que cumplan con una condición.
	// n es el valor del elemento, i es el index.
	return n%2 !=0; // valor de retono es TRUE, solo si modulo <> 0 (conserva los impares)
	});
	$("#printarea").text(arr.join(" ")); // reemplaza el contenido de #printarea, con el texto del array unido con espacios.
	}

	// RESET GENERAL!!!!!!!!
	function parentodo(){
	clearTimeout(timer);
	myObj.count=0;
	$("#printarea").text("<=");
	}

	</script>
	</head>
	<body>
	<h1>Numbernator!</h1>
	<h3 id="printarea"> -=- </h3>

	<button onclick=myObj.loopFunc();>timeout recursivo</button>
	<button onclick=parentodo();> detener </button>
	<button onclick=btn3();>borrar pares</button>

	</body>
	</html>