html - 在客户结帐时更改颜色并禁用温度的按钮

Question

我想知道如何制作一个黑色的商店按钮，在点击时改变颜色(蓝色)一段时间(例如，客户结账时 2 分钟)，然后变为不同的颜色(红色) ) 购买该产品时。我希望我解释得很好，但这让我困惑了很久，我知道如何为产品编写购买按钮代码，但整个不断变化的颜色让我心烦意乱。这是我到目前为止的按钮 - https://codepen.io/ukswiftx/pen/wZwbXy 在这里输入代码提前致谢

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