如何浏览器标签标题将其设置为滚动/移动？

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 毫秒删除标题字符串的第一个字母并将其附加到字符串的末尾。

更新：随着网站标题被修剪，当它们到达第一个位置时它会丢失空格。 为了保存它们，将标题记录在一个变量中。

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);
}

然后在您想要启动或停止它时调用函数。