点击时间延迟

Posted 2023-02-25

【中文标题】点击时间延迟

【英文标题】：Time delay on click

【发布时间】：2008-12-22 18:21:41

【问题描述】：

任何人都可以向我发送 javascript 代码，说明如何构建从单击页面上的按钮到执行按钮单击调用的函数的时间延迟。我是 JavaScript 新手，我有一些代码可以在我单击按钮时执行某个功能，我只是想要一个时间延迟。

【参考方案1】：

这是 Javascript：

 function myfunction() 
     alert( "delayed" );
 

 var delay = 1000;

 setTimeout( myfunction, delay )

这就是本质。现在您需要将其挂接到 html 页面上的按钮中：将函数定义嵌入到 < script > ... < /script > 标签中，并在 onClick 方法中进行调度。

....
<button onClick="setTimeout( myfunction, delay );">Click_And_Wait</button>

【参考方案2】：

如果需要传参数：

function clickHandler(id,value,delay)

    setTimeout( function()  actualFunction(id, value); , delay );


function actualFunction(id, value)

    alert( 'button ' + id + ' has value = ' + value );



<input id='clickButton' type='button'
       onclick='clickHandler(this.id,this.value,5000);'
       value='Click Me' />

【参考方案3】：

试试 setTimeout 函数：

setTimeout(functionToExecute, 1000)

第一个参数是要触发的函数，第二个是延迟时间，单位是毫秒。

【参考方案4】：

我建议您研究一下 Prototype.js，尤其是如果您是 JavaScript 的新开发人员。 Prototype 已经找出了 JavaScript 开发人员希望在他们的代码中实现的许多最常见的需求。并且 Prototype 以独立于浏览器的方式来实现。 （还有其他 JavaScript 库也可以做到这一点）

您可以按照其他答案中的代码进行操作。但我发现，在我购买一本好书并花了 2 天时间阅读有关 Prototype（或其他一些像 jQuery 这样的库）与搜索 Internet 并复制/粘贴各种解决方案。 /耸肩