Using the setTimeout function [duplicate]

Question

I'm trying to set up my onblur so it shows a loading bar for 3 seconds... however the code seems to just miss it out and go straight to the second function...

function seriesIdOnBlur()
{       
    document.getElementById("series_id_check").innerHTML = "<img src='http://www.webscriptlab.com/file/loading/output/13759195689.gif' /> ";

    setTimeout(seriesIdOnBlur2(), 3000);
}

function seriesIdOnBlur2()
{
    var id = document.getElementById("series_id").value;

    var message = "";

    if (series[id] === undefined)
    {
        message = "The Series ID you input was invalid";
    }
    else
    {
        var seriesId = series[id];

        var game = seriesId['game'];
        var name = seriesId['name'];
        message = "ID: " + id + " is for the " + name + " series playing " + game + ".";

    }

    document.getElementById("series_id_check").innerHTML = "<span>" + message + "</span>";
}

seriesIdOnBlur is called onBlur for the input with id series_id.

What am I doing wrong with the setTimeout?

() calls whatever is in front of it.

Seth
– Seth

2013-08-08 00:04:39 +00:00
Commented Aug 8, 2013 at 0:04 — Seth
– Seth, Commented Aug 8, 2013 at 0:04
Duplicate of this...

jahroy
– jahroy

2013-08-08 00:25:30 +00:00
Commented Aug 8, 2013 at 0:25 — jahroy
– jahroy, Commented Aug 8, 2013 at 0:25

Blender · Accepted Answer · 2013-08-08 00:03:18Z

8

You're calling the function and passing the result into setTimeout. You want to pass the function into setTimeout:

setTimeout(seriesIdOnBlur2, 3000);

answered Aug 8, 2013 at 0:03

Blender

300k55 gold badges463 silver badges512 bronze badges

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

Collectives™ on Stack Overflow

Using the setTimeout function [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related