Weird Javascript setInterval Scenarios in Chrome

This is a weird case.

function dummy() { . . . } setInterval(dummy, 1000); // This will WORK in non-Object-Oriented Function setInterval(dummy(), 1000); // This will not work as it has too many brackets setInterval("dummy", 1000); // This will not work setInterval("dummy()", 1000); // This will work even in a Object Oriented Function

I found when I tried to set an interval loop to a OO (Objected Oriented) Function as follows:

function dummy() { . . .    this.action1 = function() {       .       .       .    } . . . } setInterval(dummy.action1, 1000); // This will NOT work in Object Oriented Function setInterval(dummy.action1(), 1000); // This will not work as it has too many brackets setInterval("dummy.action1", 1000); // This will not work setInterval("dummy.action1()", 1000); // This will work even in a Object Oriented Function

The function without the quotes and bracket will not work. But it works well in a normal non-OO funtion.
This may be something trivial but it is interesting. I haven't tried anything other than Chrome yet. Maybe other browsers are not giving this problem.

Read More »

Assigning SetTimeout/SetInterval Functions with Argument(s)

If Javascipt’s SetTimeout()/SetInterval() is assigned with a function that contains argument, it won’t run. After trials and errors, here’s the way that works well with latest version of IE, Firefox, Safari and Chrome:

setInterval(function(){function_name(argument)}, 1000);

Noted those highlighted in red is a function to call another function. I have tried using eval(), it works well in Firefox but it won’t in IE. This trick is to make sure it works with all type of browsers. Using common sense, one may resort to “setInterval(function_name(argument), 1000);”, but it won’t run.

Update 2012 January 14: Please don't put quotation marks around the function.

Read More »