使用JS在选项卡中滚动页面标题

Question

我的网页标题设置为播放音频播放器的当前歌曲。

大多数情况下，歌曲名称和艺术家的长度远远超过标签可以显示的最大字符数。

我目前正在显示标题：

        document.title = (data["track_name"] + " - " + data["artist_name"]);

如何让标题滚动显示整个歌曲名称和艺术家？

Answer 1

您可以使用window.setInterval()执行此操作。

// Start an interval running every 500ms
window.setInterval(function() {
  // Take the first character, and make it the last character
  document.title = document.title.substring(1) + document.title[0];
}, 500);

如果希望它包裹更长时间，可以在标题的末尾添加一些额外的空格。例如document.title += ' \xA0 \xA0 \xA0';';。

https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval