在Javascript中重写文字效果

s3fp2yjn 于 2023-02-28 发布在 Java

关注(0)|答案(1)|浏览(81)

我在循环中切换文本以获得视觉效果
这是密码

const symbols = ['God', 'Words'];
let count = 0;
const element = document.getElementById("WORD1");
const iteration = () => {
element.innerHTML = symbols[parseInt(count / 2, 10) % symbols.length];
if (count % 2 !== 0) {
element.classList.add("LANGUAGE");
} else {
element.classList.remove("LANGUAGE");
}
count++;
if (count === symbols.length * 2) {
count = 0;
}
};
let inthandle = setInterval(iteration, 270);
iteration();

有人能告诉我如何在多个示例中使用这个脚本吗？如果再次使用它，试图创建另一个切换文本的元素，它将无效。

JavaScript

来源：https://stackoverflow.com/questions/69738670/rewriting-word-effect-in-javascript

1条答案

按热度按时间

rslzwgfq1#

你如何尝试创建一个“new”元素？请注意，每个id在每页只能使用一次.它必须是唯一的.否则js代码将使用它找到的第一个id.
https://www.w3schools.com/html/html_id.asp
你可能需要重写你的代码来使用class或类似的东西：

var initWords = function (element) {
  const symbols = ['God', 'Words'];
  let count = 0;
  const iteration = () => {
    element.innerHTML = symbols[parseInt(count / 2, 10) % symbols.length];
    if (count % 2 !== 0) {
      element.classList.add("LANGUAGE");
    } else {
      element.classList.remove("LANGUAGE");
    }
    count++;
    if (count === symbols.length * 2) {
      count = 0;
    }
  };
  let inthandle = setInterval(iteration, 270);
  iteration();
}

initWords(document.getElementById("WORD1"));
initWords(document.getElementById("WORD2"));

赞(0）回复(0）举报 2023-02-28

我来回答

在Javascript中重写文字效果

1条答案

相关问题

热门标签

最新问答