javascript - 如何通过函数动态更改文档标题？

Question

我想动态更改文档的标题。

在第一个实例中，我尝试了这个片段:

var milis = 3000,
    titles = [
      'Setting up color scheme'
    ], count = 0;
    titles.push(document.title);
    setInterval(function(){
      document.title = titles[count % titles.length];
      ++count;
    }, milis);

这工作得很好，但我需要将代码片段放入一个函数中，以便我可以随时附加标题。

这个函数看起来像这样

function setUpTitle(){
    var milis = 3000;
    for(var i in arguments){
        titles = [
            arguments[i]
        ], count = 0;
        titles.push(document.title);
        setInterval(function(){
            document.title = titles[count % titles.length];
            ++count;
        }, milis);
    }
}

setUpTitle('one', 'two', 'three', ..., document.title);

但标题根本没有改变。

我该如何改变它？

Answer 1

试试这个:

var currentTitle = document.title;

var beginSubmission = setInterval(function(){
    loaded+=1;
    bar.css('width', loaded+'%');

    document.title = loaded+'% :: ' + currentTitle;

    text.empty().append(loaded + "% completed. <br>");
    if (loaded >= 100){
        clearInterval(beginSubmission);
        text.html('Done');
        document.title = currentTitle;
    }
}, time);

这会备份您的标题并更改其百分比。最后，将原始标题放回到页面上。

此外，删除此:

        var milis = 3000,
        titles = [
            'Setting up color scheme'
        ], count = 0;
        titles.push(document.title);
        title = setInterval(function(){
            document.title = titles[count % titles.length];
            ++count;
        }, milis);

或者替换为:

document.title = 'Setting up color scheme';