3

Hola mi problema surge al momento de detener un interval en javascript, ya que aunque use el ClearInterval este continua imprimiendo.

var canvas = document.getElementById('canvas');
 var btnInicia = document.getElementById("inicia");
var btnPara = document.getElementById("parar");

 //setting width and height of the canvas 
 canvas.width = canvasWidth;
 canvas.height = canvasHeight; 

 //Establishing a context to the canvas 
 var ctx = canvas.getContext("2d");

 //Creating an Image object for our character 
 var character = new Image(); 
 var characterStop = new Image();
 //Setting the source to the image file 
 character.src = "imagenes/character.png";
 characterStop.src="imagenes/character.png";
btnInicia.addEventListener("click",
    function(){
        draw();     
        IniciaMono();



    });
btnPara.addEventListener("click",
    function(){
        ctx.clearRect(x,y,width,height);

        ParaMono();
    });

function updateFrame(){
 //Updating the frame index 
 curFrame = ++curFrame % frameCount; 
 //Calculating the x coordinate for spritesheet 
 srcX = curFrame * width; 
}
function draw(){
 //Updating the frame 
 updateFrame();

 ctx.clearRect(x,y,width,height);
 //Drawing the image 
 ctx.drawImage(character,srcX,srcY,width,height,x,y,width,height);
//Intervalo(Funcion que,Tiempo al imprimir)
}

function ParaMono(){
    updateFrame();
    clearInterval(draw);
}

function IniciaMono(){
setInterval(draw , 100);
}

1 respuesta 1

5

El problema es que draw es el nombre de la función callback que estás usando para el intervarlo.

Puedes hacer algo como esto:

let drawInterval;
function IniciaMono(){
    drawInterval = setInterval(draw, 100);
}

function ParaMono() {
    clearInterval(drawInterval);
}
2
  • En otras palabras draw = interval. no una función. Commented el 29 mar. 2018 a las 15:31
  • Hola Jonathan. En este caso draw es una función, pero no un intervalo, sino la función callback que se pasa como argumento al intervalo. Commented el 30 mar. 2018 a las 3:33

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.