call two function one after another in javascript settimeout

Question

I need to run following code

document.getElementById("someID").focus();

after below code

setTimeout(function(){loadEditor(param);}, 50);

But i am unable to make it asynchronous.Since I can not modify

function loadEditor(param){ /* some stuff */  }

Is there anyway out to do this? What I have tried till now

setTimeout(function(){
    loadEditor(param);
    document.getElementById("someID").focus();
}, 50);

and

setTimeout(function(){
    $.when( loadEditor('question_stem-text') ).done(function() {
        document.getElementById("someID").focus();
        });
}, 50);

Not successful

It is initializing lots of values and loading editor for fields — rahul singh
– rahul singh, Commented Jun 14, 2017 at 5:57
In your first attempt. Have you tried console.log() to check if it gets called? — Spitzbueb
– Spitzbueb, Commented Jun 14, 2017 at 6:05
Check if loadEditor implements a callback call after it's done (I believe it's async, so it should in theory). Otherwise you should edit loadEditor and add a callback call when it's done. — Egor Stambakio
– Egor Stambakio, Commented Jun 14, 2017 at 6:15

Aaron · Accepted Answer · 2017-06-14 06:31:30Z

2

//ES6++
const delay = new Promise( (resolve, reject) => {
    setTimeout( () = > {
        loadEditor(param);
        resolve();
    }, 50);
});

delay.then( () => {
    document.getElementById("someID").focus();
});

answered Jun 14, 2017 at 6:31

Aaron

1227 bronze badges

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

Collectives™ on Stack Overflow

call two function one after another in javascript settimeout

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related