установка временного интервала между событиями jquery кликов

Question

установка временного интервала между событиями jquery кликов

0

Я создаю калькулятор, но еще не включил другие операции, когда у меня есть кнопки от 0 до 9, что я хочу установить временной интервал между щелчками или тайм-аутом между пользователем, щелчком мыши, когда пользователь нажимает на кнопку 1, я хочу добавить некоторые время здесь для ожидания и в это ожидаемое время, если пользователь нажмет на 2, чем я хочу, например, на выходе 12, а не на 1 и 2. Если какой-то орган скажет мне, как я могу обработать другое событие клика в событии click, действительно запутайте, как я могу это сделать. Я не включил свой javascript, потому что все было бессмысленно, включая только html и css. вот скрипка. демонстрация

<body>
<div class="container">    
   <div class="left"> 
     <div class="left-bottom">
        <div class="box-left">
          <div class="btnBG">
             <span>Cash Journal-Test</span>
          </div>
          <div class="btnBG">
             <span>Bank Journal-Test</span>
          </div>
        </div>
        <input type="number" data-value=""  value="" id="first" placeholder="first"/>
        <input type="number" data-value=""  value="" id="second" placeholder="last"/>
        <input type="number" data-value=""  value="" id="total" placeholder="total"/>
        <div class="box-right">            
           <div class="box-right-left" id="box-right-left">
                   <div class="btnSM">
                      <span><button data-value="1">1</button></span>
                  </div>
                  <div class="btnSM">
                     <span><button data-value="2">2</button></span>
                  </div>
                  <div class="btnSM">
                     <span><button data-value="3">3</button></span>
                  </div>
                  <div class="btnSM">
                     <span><button data-value="4">4</button></span>
                  </div>
                  <div class="btnSM">
                     <span><button data-value="5">5</button></span>
                  </div>
                  <div class="btnSM">
                     <span><button data-value="6">6</button></span>
                  </div>
                  <div class="btnSM">
                     <span><button data-value="7">7</button></span>
                  </div>
                  <div class="btnSM">
                     <span><button data-value="8" value="8">8</button></span>
                  </div>
                  <div class="btnSM">
                     <span><button data-value="9" value="9">9</button></span>
                  </div>
                  <div class="btnSM">
                     <span>+/-</span>
                  </div>
                  <div class="btnSM">
                     <span><button data-value="0" value="0">0</button></span>
                  </div>
                  <div class="btnSM">
                     <span>.</span>
                  </div>
           </div>
           </div>
        </div>
     </div>
   </div>
 </div>

Vicky 28 март 2014, в 19:15

Источник

Теги:

javascript

jquery

3 ответа

Ещё вопросы

76484 · Answer 1 · 2014-03-28T17-27-00.000Z

Я не совсем уверен в том, что вы просите, но если вы хотите отключить кнопки на секунду после того, как пользователь нажимает (и вы хотите использовать jQuery), возможно, это сработает для вас:

var $total = $('#total');
var btnsDisabled = false;
$('.btnSM').on('click', function () {
    if (btnsDisabled) { return; }
    btnsDisabled = true;
    setTimeout(function () {
        btnsDisabled = false;
    }, 1000);
    var val = $(this).find('button').attr('data-value');
    $total.val($total.val() + val);
});

я только хочу связать два клика, когда пользователь нажимает на 1, чем через некоторое время он нажимает на 2, я хочу, чтобы они присоединились как 12. И если пользователь нажимает 1 и через 5 секунд он не нажимает 2, то только показывает мне 1
Есть ли что-то конкретное в поведении, вызванном моим кодом, который вы хотите изменить?
вместо того, чтобы отключить просто я хочу выполнить щелчок через некоторое время, скажем, я нажимаю кнопку, и это дает мне результат через пять секунд
Это звучит как плохая идея с точки зрения юзабилити. Ваш пользователь будет думать, что что-то сломано, когда он или она щелкает, и ничего не происходит.
да, но это то, что пользователь спрашивает у меня, и еще одна вещь в эти 5 секунд, вы нажали другую кнопку, чем объединить оба значения и предупредить результат
Я не уверен в этом. Вам, вероятно, понадобится какой-то объект очереди, чтобы управлять своей очередью.

pj013 · Answer 2 · 2014-03-28T16-35-00.000Z

0

Я думаю, это должно быть вашим решением:

$(".btnSM").click(function()) {
   var val = $(this).children().find('button').val();
   $('#total').text(val);
   setTimeout($(".btnSM").click() , 1000); }

Я не уверен, будет ли это работать или нет.

pj013 28 март 2014, в 16:35

0

братан, как насчет второго клика
Vicky 28 март 2014, в 17:40
0

хороший подход, но не удовлетворен
Vicky 28 март 2014, в 17:42
0

Я думаю, что добавление значения в общее текстовое поле должно работать, и если вы нажмете две кнопки, скажем, 1 и 2, значение в текстовом поле итогов будет 12
pj013 28 март 2014, в 17:46
0

чем нам понадобится триггер для автоматического запуска другого события
Vicky 28 март 2014, в 17:48
0

Зачем вам нужен еще один триггер?
pj013 28 март 2014, в 17:57
0

только всплывающее предупреждение
Vicky 28 март 2014, в 18:13

Показать ещё 4 комментария

dongseok0 · Answer 3 · 2014-03-28T15-39-00.000Z

Любая причина иметь таймаут между кликами?

Я думаю, что просто добавить число, которое пользователь нажимает, достаточно для калькулятора.

$(".btnSM").on('click', function() {
    var val = "" + $('#total').val() + $(this).find('button').text();
    $('#total').val(val);
});

хорошо, пусть у меня есть какой-то элемент в корзине, и цена элемента составляет 700 $, и пользователь хочет получить тот же элемент в 12 количестве, которое пользователь может выбрать из этого калькулятора