requestNextAnimationFrame – Aneb provedení kódu po příštím překreslením stránky

[jaandrle]

• When DOM Updates Appear to Be Asynchronous
• Window.requestAnimationFrame() - Web APIs | MDN
• Axel Rauschmayer on Twitter: "document.getElementById('msg').innerText = 'Hi!'; setTimeout(() => { alert('Hi!'); }, 0); What’s a safe way to ensure alert() always runs after the DOM change is displayed? – Timeouts > 10 work (in Chrome), but that seems arbitrary. – Or something other than setTimeout()?" / Twitter

function requestNextAnimationFrame(callback){
    return requestAnimationFrame(requestAnimationFrame.bind(null, callback));
}
function requestNextAnimationFrame_(){
    return new Promise(resolve=> requestAnimationFrame(requestAnimationFrame.bind(null, resolve)));
}