How to rewrite jquery code to javascript?

Question

JavaScript

$('body').before('<div class="load"><img id="ls" src="http://plasmon.rghost.ru/6lWFXm4KD/image.png" alt="" style="position: absolute; top: 50%; left: 50%"></div>');
    $(document).ready(function () {
        setTimeout(function () {
            $('div.load').hide();
            $('body').css('display', 'block');
        }, 3000);
    });

Answer 1

Use hints from here: youmightnotneedjquery.com

Answer 2

It was a long time ago ... I could be wrong ...

var d = document.createElement('div'), di = new Image();
d.className = 'load';
di.src = 'http://plasmon.rghost.ru/6lWFXm4KD/image.png';
di.style = 'position: absolute; top: 50%; left: 50%';
d.appendChild(di);
document.getElementsByTagName('body')[0].insertBefore(d, document.body.firstChild);
document.onload = function(){
  setTimeout(function(){
    d.style.display = 'none';
    document.body.style.display = 'block';
  }, 3000);
}