javascript - setTimeout 不适用于我的 onclick 事件

Question

我需要在单击按钮后仅 5 秒运行一个函数。

控制台显示这条消息:

VM9200:1 Uncaught ReferenceError: getId is not defined at :1:1

function getId() {
  $.getJSON("https://maxtechglobal.com/vencimientos/perfil/perfil.php?cuit="+$("#cuit").val(), function(result){
    for (var i = 0; i < result.data.length; i++) {
      $.each(result.data[i].perfil, function( index, value ) {
        var id = result.data[i].perfil.id;
        $("#idPerfil").val(id);
      });
    }
  });
}

<button id="btnBuscar" onclick="setTimeout('getId()', 5000);" type="button" class="btn btn-primary text-center" name="button">Buscar</button>

我证明了这一点:setTimeout(getId, 5000); 和这个 setTimeout("getId();", 5000); 和这个:setTimeout( 'getId', 5000);

但一切正常

Answer 1

给你一个解决方案

$('#btnBuscar').click(function(){
  setTimeout(function(){
    $.getJSON("https://maxtechglobal.com/vencimientos/perfil/perfil.php?cuit="+$("#cuit").val(), function(result){
      for (var i = 0; i < result.data.length; i++) {
        $.each(result.data[i].perfil, function( index, value ) {
          var id = result.data[i].perfil.id;
          $("#idPerfil").val(id);
        });
      }
    });
  }, 5000);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btnBuscar" type="submit" class="btn btn-primary text-center" name="button">Buscar</button>

因为你是jQuery，所以我使用了jQuery的click事件。

$('#btnBuscar').click(function(){});

我在 click 方法中使用了 setTimeout 并在其中添加了代码行(而不是关闭另一个函数)。