a/22076864/1636522

by wared

HTML

<ol>
    <li>Open your browser console.</li>
    <li>Click <button>start</button>.</li>
    <li>The console prints <code>"wait..."</code>.</li>
    <li>Click again, one or more times, anywhere in this panel.</li>
    <li>Wait a few seconds until the console prints <code>"done!"</code>.</li>
    <li>The console prints <code>"click"</code>.</li>
</ol>

CSS

*{font:normal 16px Arial}
li{line-height:200%}
code {font-family:Consolas,Courier}

JavaScript

$(document).click(function () {
    console.log('click');
});
$('button').one('click', function click() {
    var i = 0, b = this;
    console.log('wait...');
    while (i++ < 1E10) 1+1;
    console.log('done!');
    setTimeout(function () {
        $(b).one('click', click);
    }, 10);
});