Question

我正在构建一个计算器，但还没有包含其他操作，其中我有0到9之间的按钮我想要点击之间的时间间隔或用户点击之间的时间当用户点击1我想要如果用户点击2比我希望输出那样12而不是1和2，请在此等待一段时间。在某些机构告诉我如何处理点击事件中的另一个点击事件真的很困惑怎么样我这样做。我没有包含我的javascript，因为只有包括我的HTML和CSS的所有内容都没有意义。这是小提琴。 demo

<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>

Answer 1

我不完全确定你在问什么，但是如果你想在用户点击之后停用按钮一秒钟（并且你想使用jQuery）那么这可能适用于你：< / p>

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);
});

Answer 2

我认为这应该是你的解决方案：

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

我不太确定这是否有效。

Answer 3

点击之间有超时的原因吗？

我认为只需添加用户点击的数字即可用于计算器。

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

设置jquery点击事件之间的时间间隔

3 个答案: