时间戳

首页 > 解决方案 > 制作动画 HTML 标题时遇到问题

javascript - 制作动画 HTML 标题时遇到问题

问题描述


这是我在这里的第一个问题。我正在努力让我的作品集更有趣。所以我试着做一个标题，让第一个字母出现在最后。制作标题移动的效果。
在我看来，我在这项运动方面做得很好。但问题是代码删除了标题中单词之间的空格。
也许我做错了什么，但我不知道是什么。
如果这有帮助，我正在使用谷歌浏览器。
这是我正在使用的代码。

function titleAnim() {
  title = document.title;
  for (let i = 0; i < title.length; i = title.length) {
    let lastChar = title[i];
    let newTitle = title.slice(1);
    newTitle = newTitle + lastChar;
    document.title = newTitle;
  }
};
setInterval(titleAnim, 500);

标签： javascripthtmlanimationwhitespacetitle

解决方案

你不需要那个for循环；这很好 

var title = "abc defg" + " "; // add a space at the end so it won't be continous
function titleAnim() {
    let lastChar = title[0];
    let newTitle = title.slice(1);
    title = newTitle = newTitle + lastChar;
    console.log(newTitle);
};
setInterval(titleAnim, 777);

推荐阅读