jQuery----定时器

最新推荐文章于 2024-08-30 12:05:48 发布

hemingyang97

最新推荐文章于 2024-08-30 12:05:48 发布

阅读量2.6k

点赞数 1

分类专栏： jQuery 文章标签：定时器 setInterval() clearInterval()

本文链接：https://blog.csdn.net/hemingyang97/article/details/80890223

版权

jQuery 专栏收录该内容

25 篇文章 1 订阅

订阅专栏

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。

setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

例子：

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta charset="utf-8" />
    <script src="../scripts/jquery-1.3.1.js"></script>
    <script type="text/javascript">
        var num = 4;
        //设置定时器
        var txtnum = setInterval(function () {
            $("#Button1").val("请阅读" + num + "秒");
            if (num==0) {
                $("#Button1").val("同意").attr("disabled",false);
                clearInterval(txtnum);
            }
            num--;
        },1000);
    </script>
</head>
<body>
    <input id="Button1" type="button" value="请阅读5秒" disabled="disabled" />
</body>
</html>