在自动填充 javascript 上编辑 settimeout

Posted 2023-02-24

【中文标题】在自动填充 javascript 上编辑 settimeout

【英文标题】：Edit settimeout on autofill javascript

【发布时间】：2015-11-23 17:57:46

【问题描述】：

我想放置一个命令，例如让我改变点击后的等待时间

var myVar;
    
function myFunction() 
  myVar = setTimeout(alertFunc, 3000);


function alertFunc() 
  alert("Hello!");

<p>Click the button to wait 3 seconds, then alert "Hello".</p>

<button onclick="myFunction()">Try it</button>

【问题讨论】：

你有什么问题？

【参考方案1】：

这可以通过 jQuery 轻松实现。

$(".my-button").on("click", function(e)
    e.preventDefault();
    setTimeout(function()
        alert("hello");
   , 3000);
)

【讨论】：

除非 OP 指定 jQuery，否则最好不要推荐它作为答案。

【参考方案2】：

Plunkr Example with enhanced code

JS

// Code goes here

var myVar;

function myFunction() 
  // this is to make sure we don't spin up infinite timeouts and have zombie threads
  if(myVar === undefined) 
    myVar = setTimeout(alertFunc, 3000);
   else 
    alert("already running...");
  


function alertFunc() 
  alert("hello!");
  // clears the thread
  clearTimeout(myVar);
  myVar = undefined;

---

您的代码

您的代码似乎工作得很好，alert 不在堆栈溢出沙箱中时也可以工作，我唯一添加的是使用 clearTimeout 清除超时，这样它就不会无限地运行。

var myVar;
    
function myFunction() 
  myVar = setTimeout(alertFunc, 3000);


function alertFunc() 
  console.log("Hello!");
  clearTimeout(myVar);

<p>Click the button to wait 3 seconds, then alert "Hello".</p>

<button onclick="myFunction()">Try it</button>