setInterval не работает в YUI

Question

Я пытаюсь использовать SetInterval и clearInterval в YUI

Код написан так, что он создает элемент каждую секунду, и при наведении курсора мыши на div он должен прекратить создание элемента.

http://jsbin.com/awadek/5

Пожалуйста, дайте мне знать, что не так с моим кодом?

Answer 1

Вы должны передать анонимную функцию в качестве обработчика "mouseover". В противном случае Javascript попытается оценить и вызвать возврат из clearInterval (в данном случае, целое число!). Будет работать следующий код:

 YUI().use("console", "console-filters", "substitute", "node-event-simulate",
   function(Y) {
     console.log("YUI is ready");

     var doSomething = function(e) {
       Y.one("#seconds").append("<p>I am number four</p>");
     };

     IntervalId = setInterval(doSomething, 1000);
     //Notice the anonymous function below:
     Y.one("#clearInt").on('mouseover', function() { clearInterval( IntervalId ) });
 });

Вот ваш JSBin , ftfy. Наслаждайтесь!