Кнопка, которая меняет цвет и отключает темп, пока клиент находится в кассе - PullRequest
Новая
       22

Кнопка, которая меняет цвет и отключает темп, пока клиент находится в кассе

1 голос
/ 30 марта 2019

Мне интересно, как я могу сделать кнопку магазина черного цвета, которая меняет цвет (синий) на определенное время при нажатии (например, 2 минуты, пока клиент проверяет), а затем меняет цвет (красный)) когда этот продукт был куплен.Надеюсь, я все хорошо объяснил, но это сбивало меня с толку целую вечность, я знаю, как закодировать кнопку покупки для покупки продукта, весь меняющийся цвет мне мешает.это кнопка, которую я имею далеко - https://codepen.io/ukswiftx/pen/wZwbXy enter code here Заранее спасибо

1 Ответ

0 голосов
/ 30 марта 2019

Я действительно надеюсь, что мой ответ поможет вам или вдохновит вас найти окончательное решение вашей проблемы, хотя я не до конца понял ваш вопрос

Кнопка 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

...