0

Eu tenho este objeto, funciona bem mas queria acrecentar uma propriedade para fazer stop, isso não está a resultar:

JS:

var kissesAni = {
    init: function () {
        kissesAni.callAni();
    },
    callAni: function(){
        window.setInterval(function(){
            kissesAni.makeImgAni();
        }, 30);
    },
    stop: function() {
        window.clearInterval(kissesAni.callFontFlakes);
    },
    makeImgAni: function(){
        ...
    }
};
kissesAni.init();
    window.setTimeout(function() {
        console.log('heya');
        kissesAni.stop();
    }, 5000);

JSfiddle

Ou seja, faz o console.log('heya') mas a animação não pára.

1 Resposta 1

2

Precisas colocar o retorno do setInterval dentro de uma variável, e então utilizar o clearInterval.

Tente algo como:

var kissesAni = {
		interval: null,
    init: function () {
        this.interval = kissesAni.callFlakes();
    },
    callFlakes: function(){
        return window.setInterval(function(){
            kissesAni.fontFlake();
        }, 30);
    },
    stop: function() {
        window.clearInterval(this.interval); // já tentei com this em vez de "kissesAni"
    },
    fontFlake: function(){
       
    }
};

1
  • Resultou, Obrigado
    – Miguel
    Commented 2/03/2016 às 14:27

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .