Остановка цикла на несколько секунд. Как?

Question

[Aquez]

Суть:
У меня есть строка, которую я хотел бы воспроизводить на сайте каждые 5 секунд. Вот она:

document.body.innerHTML = document.body.innerHTML.replace('ololo', '321');

Думая как это сделать, я решил заюзать while (true) {...}, как я понимаю это бесконечный цикл, но при запуске такого у меня виснет браузер, не выдерживает похоже, думаю стоит сделать задержку в 5 секунд в цикле. И вопрос - как это сделать? Именно, что бы цикл читал вышеописанную строку, затем ПОЛНОСТЬЮ останавливался на 5 секунд, и повторялся заново.

while (true) {
    document.body.innerHTML = document.body.innerHTML.replace('ololo', '321');
    //тут нужно остановить цикл на 5 секунд, потом он по идеи должен снова воспроизводить строку выше
}

И да, если вы знаете как сделать это более адекватно, можете высказывать, буду благодарен. Сам js практически не знаю.

Answer 1

[Andrey Dyrkov]

Практиковать setInterval не стоит. Лучше сделать на цикл на setTimeout, это лучшая практику js.
На рекурсии что-то типо этого:

function shedule () {
    setTimeout(function(){
        //ваши действия
         console.log('interval');
          shedule(); // Рекурсивный вызов функции самой себя.

    }, 5000);
}

shedule ();

Comments

[Алексей Уколов]

Слишком категоричное заявление. Какие преимущества у setTimeout по сравнению с setInterval, кроме ситуаций, когда сама функция может занять больше времени, чем интервал?

[Александр]

Алексей Уколов: это и есть необходимое преимущество

Answer 2

[Алексей Уколов]

Остановить выполнение в js невозможно, но есть функция setInterval(), которая делает ровно то, что вам нужно.

Касательно вашего кода - полностью переписывать код body плохая идея, отвалятся все обработчики событий.

Answer 3

[Петр]

setInterval(function(){
     document.body.innerHTML = document.body.innerHTML.replace('ololo', '321');
 }, 5000);