主页 / 问题 / 624200
Accepted
Polyakov Sergey
Asked:2020-02-07 00:03:10 +0000 UTC2020-02-07 00:03:10 +0000 UTC

在特定条件下启动/重启定时器

  • 772

有必要实现这样的行为，即当在字段中输入一个新字母时，经过 1 秒并执行某个方法。这需要一个定时器，但是当有快速的字母输入时（比如每秒3个字母），定时器会排队然后顺序执行。

要求有一个计时器，每输入一个新字母，将重新启动，但如果在 1 秒内没有输入字母。然后启动所需的方法。

这是我的代码：

var isTimerWork = false;
        var timer = null;

$('#SearchString').on("keyup", function() {
                if ($('#SearchString').val().length >= 2 && !IsExtSearch) {
                    if (timer != null)
                        clearTimeout(timer);
                    timer = setTimeout(isTimerWork = true, 1000);
                    while (!isTimerWork);
                    GetAutoCompleteData($('#SearchString').val());
                }

在我的例子中，每次都会创建一个新的计时器。

javascript

1 个回答

  1. Best Answer

    更正确地使用setInterval函数，

    setTimeout(function() { 
//тут код, который выполнится через 1 секунду
}, 1000);

    更正了您的示例：

    var timer = null;

$('#SearchString').on("keyup",
  function() {
    clearTimeout(timer);

    if ($('#SearchString').val().length >= 2) {
      timer = setTimeout(function() {
        console.log($('#SearchString').val());
      }, 1000);
    }
  });
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<input id="SearchString" type="text" name="test" value="a" />

    • 1

相关问题