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库也可以这样做）

你可以在其他答案中按照编码进行操作..但我发现在投入一本优秀的书并花了两天时间阅读有关Prototype（或其他一些内容）后，我通常会花费更少的精力来担心我的代码中的错误像jQuery这样的库与搜索互联网并复制/粘贴各种解决方案相比。 /耸肩

点击时间延迟

4 个答案: