在提交时更改按钮颜色，直到输入新文本

Question

是否可以在提交按钮时更改按钮的颜色一段时间，直到整个过程再次开始？

Answer 1

试试这个

document.getElementById('send_btn').style["background-color"]="red"
setTimeout(function() {
  document.getElementById('send_btn').style["background-color"] = ""
}, 1000) // 1000 - This value is in ms. (here time is 1second)

Answer 2

只需将element.style.backgroundColor = "color";放在流程的不同步骤上即可。例如：

＆＃13;

＆＃13;

function steps() {

  var button = document.getElementById("btn");

  button.style.backgroundColor = "orange";  

  setTimeout(function(){ button.innerHTML = "1"; }, 1000);

  setTimeout(function(){ button.innerHTML = "2"; }, 2000);

  setTimeout(function(){ button.innerHTML = "3"; }, 3000);

  setTimeout(function(){ button.style.backgroundColor = "tomato"; }, 4000);

  setTimeout(function(){  
    button.innerHTML = "click here";
    button.style.backgroundColor = "skyblue"; }, 6000);  

}

＆＃13;

button {
  width: 100px;
  padding: 15px;
  background: skyblue;  
}

＆＃13;

<button id=btn onclick="steps()">click here</button>

＆＃13;

＆＃13;

＆＃13;