Question

I am trying to use SetInterval and clearInterval in YUI

The code is written so it will create element every second and on mouse hover of div it should stop creating element.

http://jsbin.com/awadek/5

Please let me know what is wrong with my code?

Answer 1

You should pass an anonymous function as a handler to “mouseover”. Otherwise, Javascript will attempt to evaluate and call the return from clearInterval (in this case, an integer!). The following code will work:

 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 ) });
 });

Here is your JSBin, ftfy. Enjoy!