Javascript 每次我的页面刷新时，每个字母的颜色都是随机的

每次刷新我的页面时，每个字母的颜色都是随机的。我怎样才能得到它，使有两种颜色，只是交替他们

以下是HTML颜色：

011a39 29c3fd

//菜单可视化
var myText=document.getElementById（'myText'）；
var=”；
for（在myText.textContent中设x）{
var rnd=Math.floor（Math.random（）*（2-0+1））；
var rndBounce=Math.floor（Math.random（）*（11-5）+5）/10；
如果（rnd==0）{
试探文本+=“”+myText.textContent[x]+“”；
}否则如果（rnd==1）{
试探文本+=“”+myText.textContent[x]+“”；
}否则{
试探文本+=“”+myText.textContent[x]+“”；
}
}
myText.innerHTML=testext
@关键帧反弹{
从{top:10px；}
到{top:0；}
}
#文本容器{
位置：绝对位置；
顶部：100px；
左：50%；
转换：翻译（-50%，-50%）；
宽度：100%；
}
#我的文本{
文本对齐：居中；
}
#myText>span{
位置：相对位置；
字号：5em；
字体系列：'Baloo Bhaijaan'，草书；
动画名称：弹跳；
动画迭代次数：无限；
动画方向：交替；
}

你好
我想这对你有用。如果需要其他颜色，只需在
colors
数组中更改它们即可


//菜单可视化
var myText=document.getElementById（'myText'）；
var=”；
变量颜色=[“#011a39”、“#29c3fd”]；
for（在myText.textContent中设x）{
var rndBounce=Math.floor（Math.random（）*（11-5）+5）/10；
//您可以使用模数运算符（%）来保证计数器变量在1和0（颜色数组长度）之间保持交替
试探文本+=“”+myText.textContent[x]+“”；
}
myText.innerHTML=testext
@关键帧反弹{
从{top:10px；}
到{top:0；}
}
#文本容器{
位置：绝对位置；
顶部：100px；
左：50%；
转换：翻译（-50%，-50%）；
宽度：100%；
}
#我的文本{
文本对齐：居中；
}
#myText>span{
位置：相对位置；
字号：5em；
字体系列：'Baloo Bhaijaan'，草书；
动画名称：弹跳；
动画迭代次数：无限；
动画方向：交替；
}

你好
首先，您正在随机化此行中的颜色：

var rnd=Math.floor（Math.random（）*（2-0+1））

如果您想进行替换，只需执行以下操作：

int i = 0;
for(let x in myText.textContent){
  var rnd =  i % 2;
  var rndBounce =  Math.floor(Math.random() * (11 - 5) + 5) / 10;
  if(rnd === 0){
    tempText += "<span style='color: #011a39; animation-duration: " + rndBounce + "s'>" + myText.textContent[x] + "</span>";
  } else if (rnd === 1) {
    tempText += "<span style='color: #29c3fd; animation-duration: " + rndBounce + "s'>" + myText.textContent[x] + "</span>";
  } else {
    tempText += "<span style='color: #011a39; animation-duration: " + rndBounce + "s'>" + myText.textContent[x] + "</span>";
  }
  i += 1;
}

inti=0；
for（在myText.textContent中设x）{
var rnd=i%2；
var rndBounce=Math.floor（Math.random（）*（11-5）+5）/10；
如果（rnd==0）{
试探文本+=“”+myText.textContent[x]+“”；
}否则如果（rnd==1）{
试探文本+=“”+myText.textContent[x]+“”；
}否则{
试探文本+=“”+myText.textContent[x]+“”；
}
i+=1；
}
如果您不想对每个字母进行随机化，请尝试以下方法：


//菜单可视化
var myText=document.getElementById（'myText'）；
var rnd=Math.random（）>0.5？1 : 0; // 设置一次，如果您总是希望它以相同的颜色开始，那么只需将其设置为0或1；
var=”；
for（设x=0，length=myText.textContent.length；x
@关键帧反弹{
从{top:10px；}
到{top:0；}
}
#文本容器{
位置：绝对位置；
顶部：100px；
左：50%；
转换：翻译（-50%，-50%）；
宽度：100%；
}
#我的文本{
文本对齐：居中；
}
#myText>span{
位置：相对位置；
字号：5em；
字体系列：'Baloo Bhaijaan'，草书；
动画名称：弹跳；
动画迭代次数：无限；
动画方向：交替；
}

你好
使用
会话存储
或
cookie
，当您第一次加载页面时，您随机选择每个字母的颜色，然后当您刷新时，您应该仅交替使用它们

因此，最好使用
sessionStorage
保存上次获得的rnd编号，只有在找不到该字母的
sessionStorage
时才能获取新的随机编号

您可以在此处亲自尝试（刷新至交替）

//菜单可视化
var myText=document.getElementById（'myText'）；
var=”；
for（在myText.textContent中设x）{
var rnd=Math.floor（Math.random（）*（2-0+1））；
var rndBounce=Math.floor（Math.random（）*（11-5）+5）/10；
if（sessionStorage.getItem（'item'+x））{
rnd=sessionStorage.getItem（'item'+x）=='1'？0:1；
}
sessionStorage.setItem（'item'+x，rnd）；
如果（rnd==0）{
试探文本+=“”+myText.textContent[x]+“”；
}否则如果（rnd==1）{
试探文本+=“”+myText.textContent[x]+“”；
}否则{
试探文本+=“”+myText.textContent[x]+“”；
}
}
myText.innerHTML=testext；
正在准备发布类似的答案，您应该提到，您正在使用模数运算符在
0
和
1
之间进行交替。我如何获得它，以便有两种颜色，并仅交替它们。
加载页面后，每次刷新都应交替颜色，不再是随机的了。@DanielH我的代码就是这样做的。它使用“模”操作符来交替颜色。随机部分是OP的代码，用于bounce@Arturthetemplar哦，你不需要计数器，
x
是索引，你可以用它。@Arturt也许我误解了这个问题，我想他希望每次刷新时都交替使用颜色。英雄联盟
// Menu Visual
var myText = document.getElementById('myText');
var tempText = "";

for (let x in myText.textContent) {
  var rnd = Math.floor(Math.random() * (2 - 0 + 1));
  var rndBounce = Math.floor(Math.random() * (11 - 5) + 5) / 10;

  if (sessionStorage.getItem('item' + x)) {
    rnd = sessionStorage.getItem('item' + x) === '1' ? 0 : 1;
  }
  sessionStorage.setItem('item' + x, rnd);

  if (rnd === 0) {
    tempText += "<span style='color: #011a39; animation-duration: " + rndBounce + "s'>" + myText.textContent[x] + "</span>";
  } else if (rnd === 1) {
    tempText += "<span style='color: #29c3fd; animation-duration: " + rndBounce + "s'>" + myText.textContent[x] + "</span>";
  } else {
    tempText += "<span style='color: #011a39; animation-duration: " + rndBounce + "s'>" + myText.textContent[x] + "</span>";
  }
}
myText.innerHTML = tempText;