CODEWITHSUNDEEP
javascriptjquerysettimeout
manraj82
manraj82

Reputation: 6295

setTimeout not working,am I missing something here?

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

Upvotes: 0

Views: 1353

Answers (4)

Kamarey
Kamarey

Reputation: 11069

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)

Upvotes: 1

Christoph
Christoph

Reputation: 169543

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

Upvotes: 8

Anthony
Anthony

Reputation: 37045

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

Upvotes: -2

SLaks
SLaks

Reputation: 887275

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

Upvotes: 6

Related Questions