Modulo 8. Ejemplo de un cronómetro. Eventos táctiles, localstorage y JSON, así como su utilización en aplicaciones Web.

Cronómetro

0.0 segundos

$(function(){
  alert("Toque -> Arrancar/Parar.\nDeslizar -> Inicializar.\nDeslizar hacia abajo -> Muestra el codigo.\nDeslizar hacia arriba -> Oculta el codigo.");
  var t, crono = $("#crono"), cuerpo = $("#eventos");
  function mostrar()  { crono.html((+crono.html() + 0.1).toFixed(1)); };
  function arrancar() { t=setInterval(mostrar, 100);};
  function parar()    { clearInterval(t);  t=undefined; };
  function cambiar()  { if (!t) arrancar(); else parar(); };
  cuerpo.on("tap", cambiar);
  cuerpo.on("swipe", function() { crono.html("0.0"); });
  cuerpo.on("swipeDown", function() { $("#codigo").show(); });
  cuerpo.on("swipeUp", function() { $("#codigo").hide(); });
});