setTimeout not working,am I missing something here?

Question

I know its pretty basic but I just can't get it to work. it keeps throwing "Object Expected" error...

 $(document).ready(function(){   
    setTimeout('showMessage()', 1000); 

    function showMessage() { 
        alert('abc');
    } 
    });

Answer 1

The setTimeout method is best used with a function, not a string. Therefore, the best way to do this would be like this:

$(document).ready(function() {
    setTimeout(showMessage, 1000);
});

function showMessage() { 
    alert('abc');
}

Answer 2

You have wrapped your function in quotes, so it treats it like a string, not as the object it's expecting, so, like SLaks said:

 $(document).ready(function(){   
    setTimeout(showMessage, 1000); 

    function showMessage() { 
        alert('abc');
    } 
    });

Answer 3

You've got a scoping problem: showMessage() is only visible withing the anonymous function, but when the parameter to setTimeout() gets evaluated, the runtime already left the scope.

Use the function directly as argument to setTimeout() and get rid of the evil[TM] string evaluation:

setTimeout(showMessage, 1000);

Answer 4

The problem is that the showMessage function is declared within the ready event and setTimeout("showMessage()", 1000) will look for it in the global scope. You can move its declaration to a global scope, e.g. out of ready event, or use the SLaks answer: setTimeout(showMessage, 1000)