javascript - 点击时间延迟

Question

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

Answer 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>

Answer 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' />

Answer 3

试试 setTimeout 函数：

setTimeout(functionToExecute, 1000)

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

Answer 4

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

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