javascript中setTimeout()函数的使用

最新推荐文章于 2025-05-27 08:27:52 发布

u010746364

最新推荐文章于 2025-05-27 08:27:52 发布

阅读量556

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/u010746364/article/details/53406878

本文介绍了一个使用JavaScript实现的页面点击事件触发功能，其中包括了如何利用window.setTimeout方法来延迟执行特定的JavaScript函数。通过不同的示例代码展示了setTimeout的不同用法，包括直接传递函数名、使用字符串形式的函数调用以及返回一个内部函数的方式来设置定时任务。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
function sayHello() {
    alert("hello");
}

function sayCoding(msg) {
    alert(msg);
}

function sayHi() {
    return function () {
        alert("hi");
    };
}

function test() {
    // 这样子写，不起作用
    // setTimeout("sayHello", 3000);

    // setTimeout()函数是window对象的方法
    window.setTimeout(sayHello, 3000);

    // 可以直接省掉window对象
    setTimeout(sayHello, 3000);

    // 这样写也是可以的
    setTimeout("sayHello()", 3000);

    // 传递参数过去
    setTimeout("sayCoding('coding')", 3000);

    setTimeout(sayHi(), 1000);
}

$(document).ready(function(){
  $("p").click(function(){
     test();
  });
});
</script>
</head>
<body>
<p>test test</p>
</body>
</html>