Ya lo eh solucionado 

Estoy creando una cuenta regresiva tomando un valor de una base de datos.
estoy visualizando desde un console.log para verificar que obtenga el valor correcto y cambie el valor de tiempo.
Ahora el valor que me muestra es 0 y va -1,-2,-3 y así y no aplica el cambio que le hice antes.

 
var tiempo = 0;
 
.............................
//Aqui muestro el valor de tiempo
ctx.fillText('Tiempo: '+tiempo,295,20);
 
//Al iniciar el canvas este se ejecuta primero
	function tl(tiempo){
		var gt = {
                "tiempo"  : tiempo
        };
        $.ajax({     
                data:  gt,
                url:   '/obj21.php',
                type:  'POST',
                success:function(data){
					tiempo = data;
					console.log("tiempo = "+data);
                                       console.log(tiempo);
				}
		});
	}
 
 
//DESPUES PRESIONA UNA TECLA Y SE EJECUTA ESTO  
//Funcion de cuenta regresiva
	function tr(){
	 window.setInterval(function(){
				tiempo--;
				},1000);	
	}
 
 

Esque si me sirve el $limitante +=5; el detalle es que quiero crear una condición que cada vez que cambie la pagina se vaya sumando.

Gracias eso haré!

Que tal bueno lo que quiero hacer es que estar cambiando de "pagina" por así decirlo ir ejemplo en index.php?page=1 se vean los 5 primeros campos luego cuando ejecute a la siguiente pagina index.php?page=2  salgan los siguientes 5 campos 6,7,8..
como podría logras esto?
llevo algo así pero no se como mejorar lo.
Aqui esta el codigo donde estoy monstrando los campos

 if($pagina == 1){
  $limitante += 5;
 }else{
  $limitante = 0;
 }
 
$sql = "SELECT usuario, puntos FROM ranking order by puntos desc LIMIT ".$limitante.",5";
$result = $conn->query($sql);
 
$number = 1;
 
  if ($result->num_rows > 0) {
    echo "<table  class=tabla>";
    while($rower = $result->fetch_assoc()) {
......
 

Mi javascript, la variable pagina es igual al $_GET al iniciar la pagina te manda luego luego el index.php?page=1
El cd es el valor que mando con el boton ya sea de siguiente o anterior.

var pagina;
pagina=<?php echo $pagina; ?>;
function page(cd){
  if(cd == 1){
    pagina+=1;
    location.href ="/index.php?page="+pagina;    
  }else{
    if(pagina <= 1){
        location.href ="/index.php?page=1";  
    }else{
      pagina-=1;
        location.href ="/index.php?page="+pagina;  
    }
 
  }
 
}
 

Que tal tengo una duda o mas no se como hacerlo quiero que al ir agregando listados en un ul se vayan bajando al llegar al maximo width del div donde esta el ul.
el error es que fuera de que pase los 600px baje el listado.
Mi codigo CSS

.cat6 ul li{
		display: table-cell;
		border-radius:4px;
		padding:4px;
     	background:#839307;
     	cursor:hand;
}
.cat6 ul{
	list-style:none;
    display:table;
     border-spacing: 5px;
 
}
.cat6{
    overflow-y:auto;
    margin-top:10px;
    border-radius:4px;
    WIDTH:600; 
    HEIGHT:210;
    background:#004602;
}
 

mi html

<div class="cat6"><ul><li><img width="100" height="100" src="/imgs/web/Logo.png"/></li>
                <li><img width="100" height="100" src="/imgs/web/Logo.png"/></li>
                <li><img width="100" height="100" src="/imgs/web/Logo.png"/></li>
                <li><img width="100" height="100" src="/imgs/web/Logo.png"/></li>
                <li><img width="100" height="100" src="/imgs/web/Logo.png"/></li>
                <li><img width="100" height="100" src="/imgs/web/Logo.png"/></li>
                <li><img width="100" height="100" src="/imgs/web/Logo.png"/></li>
                <li><img width="100" height="100" src="/imgs/web/Logo.png"/></li>
                <li><img width="100" height="100" src="/imgs/web/Logo.png"/></li>
                <li><img width="100" height="100" src="/imgs/web/Logo.png"/></li>
                <li><img width="100" height="100" src="/imgs/web/Logo.png"/></li>
                </ul></div>
 
 

HTML y Css no son lenguajes de programación.

Me pregunto como pudiera pasar un valor a un js por ejemplo si clickeo en esa imagen pasar a la variable edad que esta en game.js asignarle el valor 0 como podría hacerlo? una idea.

 <script type="application/javascript" src="JS/game.js"></script> 
 
 
 
<img width="100" height="100" onclick="edad=0;" src="/imgs/obj/btt3.png"/>
 

Ya lo solucione, tenia que quitar lo botenes submit de los formularios ya que con ellos lo detectaba como una función.

Ahora me dice que no esta definida :S.
 Uncaught ReferenceError: mostrar is not defined
    at HTMLImageElement.onclick

Sigue sin funcionar, trate de poner mi ejecucion en la función pero no..