客户在结账时更改颜色和禁用温度的按钮

Question

我想知道如何制作一个黑色的商店按钮，在点击时（例如，客户退房时为2分钟）改变颜色（蓝色），然后更改为不同的颜色（红色）产品已被买走。我希望我已经解释得很好，但这已经困扰了我多年，我知道如何编写产品的购买按钮购买整个变化的颜色是我的想法。这是我有这个远的按钮 - https://codepen.io/ukswiftx/pen/wZwbXy enter code here在此先感谢

Answer 1

我真的希望我的回答可以帮助您或激励您找到问题的最终解决方案，即使我没有完全理解您的问题

HTML按钮

<input id="checkout" type="button" value="click" />

使用Javascript

var col = "default";//keep the color string
setInterval(function() {
  if (col == "default") {
    $("#checkout").css("background-color", "blue");
    col = "blue";
  } else if (col == "blue") {
    $("#checkout").css("background-color", "red");
  } 
}, 3000);// 3 second interval you can change it to 12000 for 2 min
$("#checkout").on("click", function() { // on click change color to black
  $("#checkout").css("background-color", "black");
})

你可以检查解决方案jsfiddle