Javascript 如何重置功能？

var计数=0；
变量变化=功能（btn）{
计数++
var color=“”；
开关（计数）{
案例1：
color=“#ef2715”；
打破
案例2：
color=“#ef8c14”；
打破
案例3：
color=“#efd514”；
打破
案例4：
color=“#3fef14”；
打破
案例5：
color=“#145def”；
打破
案例6：
color=“#093b9e”；
打破
案例7：
color=“#6414ef”；
打破
违约：
color=“#6414ef”；
打破
}
btn.style.background=颜色；
}

按钮{边框：1px纯黑色；宽度：50px；高度：50px；浮动：左侧；}

---

试试这种方法。它为所有按钮提供单独的计数器

var change = function(btn) {
  if(!btn.hasOwnProperty('myCount')) {
    btn.myCount = 0;
  }
  btn.myCount++;
  var color = "";
  switch(btn.myCount) {
    case 1: 
      color = "#ef2715";
      break;
    // ...
  }
  btn.style.background = color;
}

每个计数器都存储在button对象上

UPD较短的版本为

var change = function(btn) {
  btn.myCount = !btn.myCount ? 1 : btn.myCount + 1;
  var color = "";
  // ...
}

---

试试这种方法。它为所有按钮提供单独的计数器

var change = function(btn) {
  if(!btn.hasOwnProperty('myCount')) {
    btn.myCount = 0;
  }
  btn.myCount++;
  var color = "";
  switch(btn.myCount) {
    case 1: 
      color = "#ef2715";
      break;
    // ...
  }
  btn.style.background = color;
}

每个计数器都存储在button对象上

UPD较短的版本为

var change = function(btn) {
  btn.myCount = !btn.myCount ? 1 : btn.myCount + 1;
  var color = "";
  // ...
}

---

这样做的方法之一是在每个按钮上设置一个自定义属性，例如

“数据计数”

，它跟踪该按钮的颜色索引

因此，当您单击该按钮时，可以增加该计数，并将其保存回

数据计数

属性

请参阅下面的代码片段，了解如何实现此功能：

var change=功能（btn）{
let count=btn.attributes[“数据计数”]？
parseInt（btn.attributes[“数据计数”].value）：
0;
计数++；
var color=“”；
开关（计数）{
案例1：
color=“#ef2715”；
打破
案例2：
color=“#ef8c14”；
打破
案例3：
color=“#efd514”；
打破
案例4：
color=“#3fef14”；
打破
案例5：
color=“#145def”；
打破
案例6：
color=“#093b9e”；
打破
案例7：
color=“#6414ef”；
打破
违约：
color=“#6414ef”；
打破
}
btn.style.background=颜色；
btn.setAttribute（“数据计数”，计数）；
}

按钮{
边框：1px纯黑；
宽度：50px；
高度：50px；
浮动：左；
}

---

这样做的方法之一是在每个按钮上设置一个自定义属性，例如

“数据计数”

，它跟踪该按钮的颜色索引

因此，当您单击该按钮时，可以增加该计数，并将其保存回

数据计数

属性

请参阅下面的代码片段，了解如何实现此功能：

var change=功能（btn）{
let count=btn.attributes[“数据计数”]？
parseInt（btn.attributes[“数据计数”].value）：
0;
计数++；
var color=“”；
开关（计数）{
案例1：
color=“#ef2715”；
打破
案例2：
color=“#ef8c14”；
打破
案例3：
color=“#efd514”；
打破
案例4：
color=“#3fef14”；
打破
案例5：
color=“#145def”；
打破
案例6：
color=“#093b9e”；
打破
案例7：
color=“#6414ef”；
打破
违约：
color=“#6414ef”；
打破
}
btn.style.background=颜色；
btn.setAttribute（“数据计数”，计数）；
}

按钮{
边框：1px纯黑；
宽度：50px；
高度：50px；
浮动：左；
}

---

DOM中的元素不希望具有相同的标识，下面的代码在Id上工作，该Id在连续单击同一按钮并重置其他按钮时保持逻辑

var计数=0；
var tempButtonId=“”；
变量变化=功能（btn）{
如果（btn.id！=TEMPBUTNID）
{ 
tempButtonId=btn.id；
计数=1；
}否则{
计数++
}
var color=“”；
开关（计数）{
案例1：
color=“#ef2715”；
打破
案例2：
color=“#ef8c14”；
打破
案例3：
color=“#efd514”；
打破
案例4：
color=“#3fef14”；
打破
案例5：
color=“#145def”；
打破
案例6：
color=“#093b9e”；
打破
案例7：
color=“#6414ef”；
打破
违约：
color=“#6414ef”；
打破
}
btn.style.background=颜色；
}

按钮{边框：1px纯黑色；宽度：50px；高度：50px；浮动：左侧；}

---

DOM中的元素不希望具有相同的标识，下面的代码在Id上工作，该Id在连续单击同一按钮并重置其他按钮时保持逻辑

var计数=0；
var tempButtonId=“”；
变量变化=功能（btn）{
如果（btn.id！=TEMPBUTNID）
{ 
tempButtonId=btn.id；
计数=1；
}否则{
计数++
}
var color=“”；
开关（计数）{
案例1：
color=“#ef2715”；
打破
案例2：
color=“#ef8c14”；
打破
案例3：
color=“#efd514”；
打破
案例4：
color=“#3fef14”；
打破
案例5：
color=“#145def”；
打破
案例6：
color=“#093b9e”；
打破
案例7：
color=“#6414ef”；
打破
违约：
color=“#6414ef”；
打破
}
btn.style.background=颜色；
}

按钮{边框：1px纯黑色；宽度：50px；高度：50px；浮动：左侧；}

使用

%

运算符在到达末尾时以0开头。我建议使用颜色数组并使用索引来获取下一种颜色。ID应该是唯一的。首先，您每页只能使用HTML

ID

一次。如果你真的在使用Canvas，你会想把JavaScript和HTML分开。如果您在画布上使用这种级别的JavaScript理解，那么您将面临一条艰难的道路。先学习JavaScript。@PHPglue谢谢@谢谢你！使用

%

运算符在到达末尾时以0开头。我建议使用颜色数组并使用索引来获取下一种颜色。ID应该是唯一的。首先，您只能使用