0

Есть код, который получает данные из json. Нужно подгружать данные с небольшой задержкой, положим полсекунды. Как это реализовать?

function getPosts() {
        var xhr = new XMLHttpRequest();
        xhr.open('GET', 'data/post.json');
        xhr.onload = function(evt) {
            var rawData = evt.target.response;
            var loadedPosts = JSON.parse(rawData);
            posts = loadedPosts;

            //отрисовка данных
            renderPosts(loadedPosts);
        };
        xhr.send();
    }

И если вызвать функцию getPost() таким образом, задержки нет все равно..

  setTimeout(getPosts(), 500);

4
  • 3
    setTimeout(getPosts, 500); без скобок 10 окт 2016 в 7:15
  • 1
    @АлексейШиманский оформили бы как ответ
    – JK_Action
    10 окт 2016 в 7:15
  • @АлексейШиманский, спасибо большое, буду знать тонкости такие, все получилось) да, отметьте как ответ, мб другим новичкам в будущем пригодится)
    – b-ars07
    10 окт 2016 в 7:17
  • 1
    @b-ars07 не пригодится - они просто не найдут его в поиске 10 окт 2016 в 11:29

3 ответа 3

3

Если почитать описание, то увидим следующее:

Синтаксис: var timeoutID = window.setTimeout(func, delay, [param1, param2, ...]);, где

  • timeoutID - это числовой ID, который может быть использован позже с window.clearTimeout().
  • func - это функция, которую требуется вызвать после delay миллисекунд.
  • code - в альтернативном варианте применения это строка, содержащая код, который вы хотите выполнить после delay миллисекунд (использовать этот метод не рекомендуется по тем же причинам, что и eval())
  • delay - задержка в миллисекундах (тысячных долях секунды), после которой будет выполнен вызов функции. Реальная задержка может быть больше; см. Notes ниже.

И увидим примеры написания:

window.setTimeout(slowAlert, 2000);

Соответственно, вызвать функцию можно либо записав строкой (но это не рекомендуется):

setTimeout("getPosts()", 500);

либо передать имя вызывающей функции, но без круглых скобок:

setTimeout(getPosts, 500);

т.к. логично, что круглые скобки в конце имени функции заставят её выполнится.

0

Так же нашел такой способ вызова setTimeout для функции с параметрами:

function foo(param1, param2) {
  //some code
}

........
setTimeout(function() {foo(param1, param2}, 500);

Может кому понадобится.

-1
    var status = xhr.status;
    if (status == 200) {
        successHandler && successHandler(xhr.response);
    } else {
        errorHandler && errorHandler(status);
    }

Вариант без таймаута

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.