javascript - 如何显示正在加载的内容，例如:loading。正在加载..正在加载

我正在制作剪刀石头布，我想证明它是将手与加载的3个点进行比较

Example:0s = Comparing Hands.0.2s = Comparing Hands..0.4s = Comparing Hands...

并基本上在一个循环中重复

https://pastecode.xyz/view/408bfc08

最佳答案

您可以使用setInterval()来做到这一点。

在评估结果之前开始一个时间间隔。然后在评估之后清除间隔。

在间隔功能内部，显示"Comparing Hands..."文本，其中省略号的点数不同。

现场示例：

const compareHands = () => {

  const winner = document.querySelector(".winner");

  var i = 1;

  var intervalId = setInterval(() => {
    winner.textContent = "Comparing Hands";

    i = i % 3;

    for (var j = 0; j < i; j++) {
      winner.textContent += "."
    }

    i++;
  }, 200);


  setTimeout(() => {
    // Code

    winner.textContent = "It is a tie";

    // Code

    clearInterval(intervalId);
  }, 5000);
};

compareHands();

<p class="winner"></p>

关于javascript - 如何显示正在加载的内容，例如:loading。正在加载..正在加载，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/57847019/