javascript setInterval ne fonctionne pas pour l'objet

Question

Ainsi, j'essaie de créer un objet javascript et d'utiliser la méthode setInterval.

Cela ne semble pas fonctionner. Si je supprime les guillemets, la méthode s'exécute une fois. Des idées pourquoi? En outre, j'utilise Jquery.

<script> 
$(function(){ 
    var kP = new Kompost(); 
    setInterval('kP.play()', kP.interval); 
}); 

var Kompost = function() 
{ 
    this.interval = 5000; 
    var kompost = this; 

    this.play = function() 
    { 
     alert("hello"); 
    } 
} 
</script> 

Answer 1

appel comme ceci:

$(function(){ 
    var kP = new Kompost(); 
    setInterval(kP.play, kP.interval); 
}); 

Le problème est que kP est à l'intérieur de ce gestionnaire document.ready et pas disponibles dans le contexte mondial (il est seulement disponible à l'intérieur que la fermeture). Lorsque vous passez une chaîne à setInterval() ou setTimeout(), elle est exécutée dans un contexte global.

Si vous vérifiez votre console, vous verrez qu'il est erroné, en disant kP est indéfini, ce qui dans ce contexte, est correct. Dans l'ensemble, il devrait ressembler à ceci:

var Kompost = function() 
{ 
    this.interval = 5000; 
    var kompost = this; 
    this.play = function() { 
    alert("hello"); 
    }; 
}; 

$(function(){ 
    var kP = new Kompost(); 
    setInterval(kP.play, kP.interval); 
}); 

You can see it working here

Answer 2

La solution fournie par @Yacoby et @ Nick, ne fonctionnera que si la méthode play ne pas utiliser la valeur this à l'intérieur lui-même, parce que la valeur this pointera vers l'objet global.

Pour gérer cela, vous devez une autre approche, par exemple:

$(function(){ 
var kP = new Kompost(); 
setInterval(function() { 
    kP.play(); 
}, kP.interval); 
}); 

Voir aussi:

• The this problem

Answer 3

Il fonctionne sur partout comme thymeleaf etc ...

function load() { 
    alert("Hello World!"); 
} 
setInterval(function() {load();}, 10000);