wtf did i just read

by Kingdaro

JavaScript

div = document.createElement('div');
div.style.font = '16pt arial';
div.style.textAlign = 'center';
div.style.width = '100%';
div.style.position = 'absolute';

function what() {
    div.innerHTML = 'what';
    div.style.fontSize = '36pt';
    div.style.webkitTransform = 'rotate(20deg)';
    div.style.marginTop = window.innerHeight / 2 - div.clientHeight / 2 + 'px';

    setTimeout(the, 300);
}

function the() {
    div.innerHTML = 'the';
    div.style.fontSize = '24pt';
    div.style.webkitTransform = 'rotate(-20deg)';
    div.style.marginTop = window.innerHeight / 2 - div.clientHeight / 2 + 'px';

    setTimeout(ffff, 200);
}

function ffff() {
    div.innerHTML = 'f';
    div.style.fontSize = '12pt';
    div.style.webkitTransform = 'rotate(0deg)';
    div.style.marginTop = window.innerHeight / 2 - div.clientHeight / 2 + 'px';

    for (i = 0; i < 400; i += 50) {
        setTimeout(

        function() {
            div.style.left = Math.random() * 20 - 10 + 'px';
            div.style.top = Math.random() * 20 - 10 + 'px';
        }, i);
    }

    setTimeout(FUCK, 400);
}

function FUCK() {
    div.style.left = '0';
    div.style.top = '0';
    
    div.innerHTML = 'FUCK';
    div.style.fontSize = '96pt';
    div.style.webkitTransform = 'rotate(180deg)';
    div.style.marginTop = window.innerHeight / 2 - div.clientHeight / 2 + 'px';

    setTimeout(am, 600);
}

function am() {
    div.innerHTML = 'am';
    div.style.fontSize = '24pt';
    div.style.webkitTransform = 'rotate(0deg)';
    div.style.marginTop = window.innerHeight / 2 - div.clientHeight / 2 + 'px';

    setTimeout(_i, 200);
}

function _i() {
    div.innerHTML = 'i';
    div.style.fontSize = '32pt';
    div.style.marginTop = window.innerHeight / 2 - div.clientHeight / 2 + 'px';

    setTimeout(reading, 200);
}

function reading() {
    div.innerHTML = 'reading';
    div.style.fontSize = '24pt';
    div.style.marginTop = window.innerHeight / 2 - div.clientHeight / 2 + 'px';

    setTimeout(clear,...