$(window).load(function() {
$('.my_theme_loader_inner').fadeOut();
$('.my_theme_loader').delay(400).fadeOut("slow");
});function fadeOut(element) {
var op = 0.1;
element.style.display = 'block';
var timer = setInterval(function () {
if (op >= 1){
clearInterval(timer);
}
element.style.opacity = op;
element.style.filter = 'alpha(opacity=' + op * 100 + ")";
op += op * 0.1;
}, 10);
};
// Если нужно именно load
window.addEventListener('load', fn, false );
// в большинстве случаев, достаточно дождаться загрузки DOM
document.addEventListener('DOMContentLoaded', fn, false);
window.addEventListener('DOMContentLoaded', () => {
//...
});
document.querySelector('.my_theme_loader_inner').animate([ { opacity: 1 }, { opacity: 0 } ], 400);
<body onload="document.body.className+=' loaded'">.my_theme_loader, .my_theme_loader_inner {opacity:0}
body.loaded .my_theme_loader_inner {transition: .3s linear; opacity:1}
body.loaded .my_theme_loader {transition: .3s linear .4s; opacity:1}onload = function() {
// тут пишем, что нам нужно делать когда загрузиццо. В данном случае:
document.body.className+=' loaded' // это если уже какой-то класс у body задан, можно просто ='loaded'
}