在提交时更改按钮颜色,直到输入新文本
Changing a buttons colour on submit until new text is entered
提交按钮时,是否可以在一段时间内更改按钮的颜色,直到整个过程再次开始?
只需将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>
试试这个
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)
相关文章:
- 让文本输入幻灯片显示输入时的新文本输入?然后向后滑动
- Sails.js:同时发布文本输入和一个文件
- 来自文本输入null的html javascript变量
- 当没有文本输入聚焦时检测空格键按下
- JS中的按钮和文本输入
- JavaScript:在调用函数的文本输入上按enter键
- jQuery自动完成功能不适用于多个文本输入
- 使用JS从选择和文本输入中捕获值,并将输出返回到HTML
- 如何通过jQuery发送选定的元素和文本输入
- 在里面输入新文本后更新文本区域内容的值
- 在提交时更改按钮颜色,直到输入新文本
- 文本在单击时消失,但输入的新文本会消失
- 如果选中单选按钮,将打开新选项以进行文件上传或URL文本输入
- 只捕获文本输入中的新值
- 我如何设置我的网页以接受文本字段的输入,并将其用作页面上的新文本
- 显示新的文本输入
- 关注标签触发模糊事件后新渲染的文本输入
- 从两个文本输入中获取值并创建新元素
- 如何禁用添加新文本输入的按钮,以防止用户继续添加
- 如何从输入字段捕获文本值,并将其传递给新的输入字段