Rotation du document Titre en utilisant JavaScript

Question

Je cherche à faire pivoter un titre page Web de document à l'aide JS. Ainsi, par exemple:

Modification Domain.com à New Messgae - Domain.com puis revenir à Domain.com et ainsi de suite, très semblable à la façon dont il le fait avec Facebook les nouveaux messages lors de l'utilisation dans le chat.

J'ai regardé en utilisant setInterval mais il ne excepte une expression? Est-il possible de changer ceci ou utilise SetInterval la mauvaise fonction à utiliser?

        $(document).ready(function() {

            setInterval(function()
            {
                  $(document).attr('title', 'New Message — Domain.com');
            },
            2000);

        });

Answer 1

En ce moment, vous continuez à mettre le même nouveau titre toutes les 2 secondes, à savoir que vous ne verrez pas un changement après le premier changement. Vous devez stocker l'ancien titre et alterner entre deux états, affichant les anciens et les nouveaux titres:

var oldTitle, timerId;

function flashTitle(newTitle) {
  var state = false;
  oldTitle = document.title;  // save old title
  timerId = setInterval(flash, 2000);

  function flash() {
    // switch between old and new titles
    document.title = state ? oldTitle : newTitle;
    state = !state;
  }
}

function clearFlash() {
  clearInterval(timerId);
  document.title = oldTitle; // restore old title
}

Answer 2

$(document).ready(function() {
        var titles=['title1','title2','title3'];

        setInterval(function()
        {     
              $(document).attr('title', titles[0]);
              titles.push(titles.shift());
        },
        2000);

    });

Answer 3

Eh bien, vous pouvez le faire sans utiliser JavaScript bibliothèques comme si ...

var title = document.getElementsByTagName('title');
var msg1 = "Domain.com";
var msg2 = "New Message - Domain.com"
var current;
var titleChange;

function changeTitle(){
  if(current == msg1){
   title = msg2;
   current = msg2;
  }else{ //If the current title isn't equal to the value of msg1
   title = msg1;
   current = msg1;
  }
 titleChange = setTimeout("changeTitle()", 1000);
}

function stopChangingTitle(){
 clearTimeout(titleChange);
 title = msg1;
}

Je ne peux pas garantir que le code ci-dessus fonctionnera, mais il devrait fonctionner!

Answer 4

est ce que je suis venu avec l'aide de la solution de Dr.Molle.

function changeTitle (mytitle,count) {
    console.log(title_change);
    console.log(count);
    if (count >= 1) {
        var titles = [$('title').attr('data-title'),mytitle];
        title_change = setInterval(function(){     
             $(document).attr('title', titles[0]);
            titles.push(titles.shift());
        },
        1000);


    } else {
        clearInterval(title_change);
        //clearTimeout(title_change);
        title_change = false;
    }

        return false;

}

Je ne trouve cependant quand je déclarai title_change en dehors de la fonction que je ne pouvais pas sembler obtenir le setInterval pour arrêter le vélo autour. Lorsque le nombre est si> = 1 le processus est démarré mais quand il revient à 0 et le clearInterval clearTimeout n'a pas empêché le change_loop.