задержка в выполнении кода, domReady

450

24 ноября 2016, 10:30

Приветствую, сообщество. Следующий код добавляет к body класс loaded. Как изменить его так, чтобы класс добавлялся спустя две секунды после выполнения условия(здесь - генерация DOM).

function domReady() { 
    document.body.className += " loaded"; 
} 
if (document.addEventListener) { 
    document.addEventListener("DOMContentLoaded", function() { 
        document.removeEventListener("DOMContentLoaded", arguments.callee, false); 
        domReady(); 
    }, false); 
} else if (document.attachEvent) { 
    document.attachEvent("onreadystatechange", function() { 
        if (document.readyState === "complete") { 
            document.detachEvent("onreadystatechange", arguments.callee); 
            domReady(); 
        } 
    }); 
}

Answer 1

Нативный JS:

function ready(){ 
    document.body.className += ' loaded' 
} 
     
document.addEventListener("DOMContentLoaded", function(event) {  
    setTimeout(ready, 2000); 
});

jQuery

$(function (){ 
    setTimeout(function () { $('body').addClass('loaded') }, 2000); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Отдаление камеры

Делаю игру по типу agario, и столкнулся с проблемой

462

javascript

Сортировка многоуровнего обьекта [дубликат]

На данный вопрос уже ответили:

449

javascript

Как узнать полный путь к html элементу?

У меня есть функция, которая вызывается при нажатии на какой-либо элементИ внутри этой функции я могу обращаться к нему

609

javascript

двойной клик для сохранения картинки

здравствуйте, есть картинка <img src='imgpng' download> , есть ли какой то лайф-хак, чтобы картинка скачивалась не при обычном клике, а при двойном?

485