Simple juego con un contador

Este truco consiste en un muy simple juego con un contador. En el que hacemos click en un botón para iniciar el contador (que retrocede) y hay que pararlo en el número 0 con el botón parar.
Esto sólo se puede agregar en un gadget como la mayoría de los scripts que mostramos.
Este truco lo puedes ver en el sidebar de nuestro blog de pruebas: Laboratorio de Teoría Blogger.

Añadir mini juego con javascript

Para instalarlo debemos agregar un script en la plantilla. Vamos a Blogger → Diseño → Edición de HTML y pegamos el siguiente código arriba de la etiqueta <head;>

<script type='text/javascript'>
playing=false;
function startClock(){
if(playing == false) {
the_time=setInterval(&#39;document.game.timer.value++&#39;,1);
}
playing = true;
}

function stopClock(x) {
// You can change the two numbers (&quot;500&quot;) below to a different value.
score = Math.abs(document.game.timer.value - x);
if(playing==true) {
clearInterval(the_time);
alert(&#39;Puntaje: &#39;+ score);
playing=false;
if(score==x) {
alert(&#39;Qué puntería, lo detuviste!!&#39;);
}
document.game.timer.value = -100;
}
}
</script>

Y luego de guardar los cambios nos dirigimos a Diseño → Elementos de la página y añadimos un gadget de modo HTML/Javascript. Luego de esto pegamos el siguiente código:

<form name="game">
<table width="100%" cellpadding="0" cellspacing="0">
<tbody><tr><td align="center">Detener el contador en 0<br /><input style="text-align: center;" readonly name="timer" size="3" value="-100" type="text" />
<input value="&#9658;&#9658;&#9658;" onclick="startClock()" type="button" /><input value="PARAR" onclick="stopClock(0)" type="button" />
</td><td width="15"></td></tr><tr><td colspan="3" height="5"></td></tr></tbody>
</table>
</form>

Advertencia:
Este truco no es recomendable para el usarlo en el navegador Opera, ya que el contador va muy rápido.

Posteado en: Contador,Curiosidades,Gadgets,Intermedio,Javascript,Juego