Question

I’m trying to find a way to stop a function at a certain point until something does not have a specific class anymore. I cannot change the place where this class is being assigned and removed because it’s a plugin.

I was thinking of doing something like this

function DoSomething() {
        while ($('div.divControl').hasClass('playing'))
        {
            //Wait here
        }
    };

Is this the correct way to go?

Answer 1

This will block so the element will never be changed, as no other code will execute.
What you need to use is an interval:

var interval = setInterval(DoSomething, 500);

function DoSomething() {
        if ($('div.divControl').hasClass('playing'))
        {
            // Do something
            clearInterval(interval);
        }
    };

This will execute the function every half second. The interval will be cancelled after the function succeeds.