Как менять заголовок title в каком то интервале времени?

Question

[gleendo]

Как менять заголовок title документа?
Например есть цикл, генерирует число от 0 до 100 например.
И вот как каждую секунду например менять с каждой итерацией цикла заголовок?

Пробовал так, но это не работает.

for (var i = 0; i < 100; i += 1) {
	setTimeout((function(i) {
			return function() {
				document.title = i;
			}
	})(i), 1000)
}

Я так понимаю нужно сохранять i в замыкании, чтобы при задержке в интервале i сохранялась для каждого интервала.
Но вот как сохранить. Что то я в этой реализации кпц как запутался. Не понимаю как сделать. Подскажите пожалуйста.

Comments

[atis //]

А зачем вам именно цикл понадобился?

Answer 1

[Александр Булгаков]

ты случаем не это пытаешься сделать? codepen.io/alebul/pen/Pzzojv

Comments

[gleendo]

Александр Булгаков Ну здесь просто меняет одно на другое. А как передавать в title значение счетчика в цикле, чтобы каждую секунду например заголовок менялся в интервале от 0 до 100 например.
Запускаем цикл, и заголовок меняется каждую секунду, 0, 1, 2 ,3, 4, 5, 6, 7, 8, 9 .......

[Александр Булгаков]

con_: например так
"use strict";
function titleCount() {
var i = 0;
function setTitle() {
document.title = i;
i++;
}
setInterval(setTitle, 1000);
}
titleCount();

[Александр Булгаков]

дело в том что в setTimeout и в setInterval первым параметром передается или строка кода или имя функции, переменные там не катят, поэтому просто запили функцию которая будет менять title и ее вызывай в setInterval или в setTimeout

Answer 2

[Анатолий Медведев]

"use strict";

function changeTitle(start, end){
  document.title = start;
 if(start < end) {
   setTimeout(changeTitle,1000, start + 1, end)
 }

}

changeTitle(1, 10);

Comments

[gleendo]

Анатолий Медведев Ну да, так сработает, а вот как сделать именно с циклом?
За ответ спасибо

[utyfua]

con_: так тут рекурсия но очень похожа на цикл. свой код который будет выполняться пишете вместо document.title = start; а время - 1000

[Анатолий Медведев]

con_: как тебе уже ответили можешь поместить свой код там где написано document.title = start; а в место i использовать start.
Классическое использование цикла здесь не катит из-за асинхронности языка. Читай про замыкания. Я не специалист в JS.

Answer 3

[atis //]

Это решение!!

'use strict';

var interval
var titles = ['Title 1', 'Title 2', 'Title 3'];
var len = titles.length;
var i = 0;

function changeTitle(title)
{
    document.title = title;
}

interval = setInterval(function() {
    
    if(i < len) {
        changeTitle(titles[i++]);
    } else {
        clearInterval(interval);
    }
  
}, 1000);

Answer 4

[Владимир]

Парень у тебя код верно написан, просто добавь умножение текущего идекса на секунду в вызове setTimeout и будет тебе счастье, ты же вешаешь все таймауты на одно время а надо чтобы они шли все последовательно, первый через секунду а второй уже через две и так далее