Ändern der Farbe einer Schaltfläche beim Senden, bis neuer Text eingegeben wird

Question

Ist es möglich, die Farbe einer Schaltfläche zu ändern, wenn sie für einen bestimmten Zeitraum gesendet wird, bis der gesamte Prozess erneut gestartet wird?

Answer 1

Legen Sie einfach element.style.backgroundColor = "color"; auf verschiedenen Stufen des Prozesses. Beispiel:

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); 
 

 
}

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

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

Answer 2

Versuchen Sie, diese

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)