提交時更改按鈕顏色，直到輸入新文字

是否可以在提交時更改按鈕的顏色一段時間，直到整個過程再次開始？提交時更改按鈕顏色，直到輸入新文字

2016-04-10 Alison1988

是的，這是可能的。你有什麼嘗試？過程是什麼？ – smerny

是的，絕對。 – Shomz

我通常會在我希望發生的函數中做某些事情，例如「document.getElementById（'send_btn'）。style.background-color =」red「問題很自然地一旦執行，它就會保持這種方式 - 是它嗎？可能甚至會在函數中設置超時？ – Alison1988

只需將element.style.backgroundColor = "color";對過程的不同步驟。例如：

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>

來源

2016-04-10 13:08:50

試試這個

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)

來源

2016-04-10 12:56:32

提交時更改按鈕顏色，直到輸入新文字

回答

相關問題