事件的初始延迟（鼠标按下）？答案

【问题标题】：Initial Delay for Event(mousedown)?事件的初始延迟（鼠标按下）？
【发布时间】：2020-07-15 22:56:14
【问题描述】：

<!DOCTYPE html>
<html onmouseup="end()">
 <head>
    <meta charset="UTF-8">
    <script type="text/javascript">
    var counter;
    var count = 0;

          
    function start(outp)
    {
        counter = setInterval(function()
        {
          console.log(count);
          add(outp);
          count++;
        },500);
    }
    function end()
    {
    clearInterval(counter);
    }
      
      
    function add(outp)
    {
    window.document.form1.Display.value =
    window.document.form1.Display.value + outp;
    }
       </script>

 </head>
 <body >
    <form name="form1">
        <button onmousedown="start('x')"onmouseleave="end()" >Click and hold</button>
        <input type="text"name="Display"class="display"readonly>
    </form>
 </body>
</html>

这是 sn-p，“500”是每次迭代之间的延迟，但我不知道如何指定初始延迟。

该按钮通常还有一个 Onclick 事件，我希望在 X 时间后触发 onmouse 事件。

【问题讨论】：

setTimeout.
怎么样？设置超时（开始，6000）；不工作
“不起作用”是什么意思？
setTimeout 是您实现自己的去抖动。看看这个问题的前两个答案。 stackoverflow.com/questions/8055923/…

标签： javascript events event-handling mouseevent delay

【解决方案1】：

尝试设置初始超时并在其中执行您的逻辑，然后使用相同的逻辑设置间隔。

setTimeout(() => {
  console.log(count);
  add(outp);
  count++;
  counter = setInterval(() =>
    {
      console.log(count);
      add(outp);
      count++;
     }, 500);
}, initialTimoutMs);

【讨论】：