DOM refresh on long running function

Question

I have a button which runs a long running function when it\'s clicked. Now, while the function is running, I want to change the button text, but I\'m having problems in some

Answer 1

Slightly modified your code at jsfiddle and:

$("#btn").on("click", dowork);

function dowork() {
    document.getElementById("btn").innerHTML = "working";
    setTimeout(function() {
        for (var i = 1; i<1000000000; i++) {
            //
        }
        document.getElementById("btn").innerHTML = "done!";
    }, 100);
}

Timeout set to more reasonable value 100ms did the trick for me. Try it. Try adjusting the latency to find the best value.