javascript - 如何将浏览器选项卡标题设置为滚动/移动？

Question

我有这个代码

$(function() {
  var message = 'Dont forget us';
  var original;
  var txt1 = ' - ';

  $(window).focus(function() {
    if (original) {
      document.title = original;
    }
  }).blur(function() {
    var title = $('title').text();
    if (title != message) {
      original = title;
    }
    document.title = message + txt1 + original;
  });
});

这实际上将浏览器选项卡标题更改为消息=“不要忘记我们”当您打开新的浏览器选项卡时，当您返回时，它会再次显示标题页面。

但我不知道如何使浏览器标题从左向右滚动或移动？

所以当有人打开新标签时，它会显示:不要忘记我们

但我希望这一切能够动起来。

请帮忙

谢谢

Answer 1

您需要使用计时器 setTimeout() ，并且每隔 500 毫秒删除标题字符串的第一个字母并将其附加到字符串的末尾。

更新:由于网站标题被 trim ，当它们到达第一位置时，它会丢失空格。要保存它们，请将标题记录在变量中。

var blurPageTitle = document.title+' ';
changeTitle = function(){
   var letter = document.title[0];
   blurPageTitle = blurPageTitle.substr(1) + letter;
   document.title = blurPageTitle;
   changeTitleTimer = setTimeout(changeTitle, 500);
};
stopChangingTitle = function(){
    clearTimeout(changeTitleTimer);
}

然后，当您想要启动或停止它时，只需调用函数即可。