javascript中的setInterval（）方法

最新推荐文章于 2024-05-01 15:56:17 发布

haiziguo

最新推荐文章于 2024-05-01 15:56:17 发布

阅读量989

点赞数

分类专栏： jquery与javascript 文章标签： javascript function xhtml button html

本文链接：https://blog.csdn.net/haiziguo/article/details/7670961

版权

jquery与javascript 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

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

用好了这个函数，可以实现很多功能，主要是用来实现用秒计量的事情，如注册前要必读的，

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
       var leftSeconds = 10;//全局变量用来控制时间
        var intervalId;//让setInterval返回的一个变量
        $(function () {
             
            $("#btnReg").attr("disabled", true);
           intervalId=setInterval("CountDown()",1000)//用来重复调用函数
       })
       function CountDown() {
           if (leftSeconds < 1) {
               $("#btnReg").val("同意");
               clearInterval(intervalId);//干掉setInterval
               $("#btnReg").attr("disabled", false);
               return;
           }
           leftSeconds--;
           $("#btnReg").val("请仔细阅读" + leftSeconds + "秒");
       }
     </script>
</head>
<body>
<textarea>addddddddddddddddddddddddddd</textarea>
<input type="button" value="同意" id="btnReg" />
</body>
</html>

haiziguo

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
javascript中的setInterval（）方法

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。用好了这个函数，可以实现很多功能，主要是用来实现用秒计量的事情，如注册前要必读的，setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
复制链接

扫一扫