使用jQuery延迟JavaScript函数调用

Question

JavaScript的:

$(document).ready(function(){

    function sample() {
       alert("This is sample function");
    }

    $("#button").click(function(){
        t = setTimeout("sample()",2000);
    });

});

HTML:

<input type="button" id="button" value="Call sample function with delay">

单击按钮后,sample()不会以2秒的延迟调用函数.我不知道出了什么问题.

如何使用setTimeout()通过jQuery 调用JavaScript函数？

Answer 1

由于您sample在传递给的匿名函数内部声明ready,因此它的作用域是该函数.

然后,通过一个字符串到setTimeout这eval2秒后编.这发生在当前范围之外,因此无法找到该功能.

只有通过功能到setTimeout,使用eval是效率低下,难以调试.

setTimeout(sample,2000)

Answer 2

function sample() {
    alert("This is sample function");
}

$(function() {
    $("#button").click(function() {
        setTimeout(sample, 2000);
    });

});

jsFiddle.

如果要封装sample()在那里,请将整个事物包装在自调用函数中(function() { ... })().

Answer 3

非常简单,只需使用setTimeout()在特定的毫秒内调用该函数

setTimeout(myFunction, 2000)

function myFunction() {
    alert('Was called after 2 seconds');
}

或者你甚至可以在超时内启动函数,如下所示:

setTimeout(function() {
    alert('Was called after 2 seconds');
}, 2000)