setTimeout not working as expected in JavaScript

Question

I have the following code that I took off from a plugin. I have very less experience and knowledge with JavaScript. I am trying to delay the change of text in html. Here's what the code i have:

function printResult() {
    var res;
    var blah="OKAY B****!";
    
    if(win[a.pos] === win[b.pos] && win[a.pos] === win[c.pos]) {
        res = "You Win!";
    } else {
        res = "You Lose";   
    }

    $('#result').html(res);

    if(res=='You Lose'){
        setTimeout($('#result').html(blah),3000);
    }else{}
}

The text in #result changes but it changes instantly without the delay.

Pranav Gupta · Accepted Answer · 2013-11-07 08:30:47Z

2

setTimeout(function(){$('#result').html(blah)},3000);

answered Nov 7, 2013 at 8:30

Pranav Gupta

9446 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sridhar R · Accepted Answer · 2013-11-07 08:31:04Z

1

Try this

setTimeout(function(){
  $('#result').html(blah)
},3000);

answered Nov 7, 2013 at 8:31

Sridhar R

20.4k7 gold badges41 silver badges35 bronze badges

Comments

paka · Accepted Answer · 2013-11-07 08:31:06Z

1

setTimeout(function(){
//your code
}, 3000 );

answered Nov 7, 2013 at 8:31

paka

1,64122 silver badges35 bronze badges

Comments

Baart · Accepted Answer · 2013-11-07 08:34:55Z

1

The function setTimeout take a function as first parameter :

setTimeout(function()
{
  $('#result').html(blah)
}, 3000 );

Or:

function update()
{
  $('#result').html(blah)
}
setTimeout(update, 3000);

answered Nov 7, 2013 at 8:34

Baart

5901 gold badge6 silver badges19 bronze badges

Comments

vinay Maneti · Accepted Answer · 2013-11-07 08:32:57Z

0

setTimeout(function(){
  $('#result').html(blah)
},3000);

answered Nov 7, 2013 at 8:32

vinay Maneti

1,4491 gold badge23 silver badges32 bronze badges

Comments

hanish.kh · Accepted Answer · 2013-11-07 08:33:04Z

0

setTimeout requires a function to be passed as argument.

setTimeout(function() {
  $('#result').html(blah)
}, 3000);

answered Nov 7, 2013 at 8:33

hanish.kh

5174 silver badges16 bronze badges

Comments

Igl3 · Accepted Answer · 2013-11-07 08:34:38Z

0

Use either:

setTimeout("$('#result').html(blah)",3000);

or

setTimeout(function(){
  $('#result').html(blah)
},3000);

answered Nov 7, 2013 at 8:34

Igl3

5,1085 gold badges39 silver badges69 bronze badges

Collectives™ on Stack Overflow

setTimeout not working as expected in JavaScript

7 Answers 7

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related