这两个函数都是在给定的时间之后开始执行的，并不是立即执行。

var timeId = window.setTimeout("method()",1000);　　//定时执行，还可以这么写var timeId = window.setTimeout(method,1000);

window.clearTimeout(timeId);　　//清除已设置的setTimeout对象

var timeId = window.setInterval("method()",1000);　　//定时循环执行，同样的还可以这么写var timeId = window.setInterval(method,1000);

window.clearInterval(timeId);　　//清除已设置的setInterval对象

定时事件示例代码：

<html>

    <head>

        <title>定时事件实现倒计时</title>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.4.2/jquery.min.js"></script>

    </head>

    <body>

        <div>

            <input type="button" value="点下我" id="btn" onclick="show();" />

        </div>

    </body>

    <script type="text/javascript">

        var nn = 30;

        var tipId;

        function show() {

            tipId = window.setInterval("start()", 1000); //每隔1秒调用一次start()方法

        } 

        function start() {

            if (nn > 0) {

                var vv = "倒计时(" + nn + ")";

                $("#btn").attr("disabled", "disabled"); //使按钮不能被点击

                $("#btn").attr("value", vv); //更改按钮上的文字

                nn--;

            } else {

                nn = 30;

                $("#btn").removeAttr("disabled"); //使按钮能够被点击

                $("#btn").attr("value", "点下我"); //更改按钮上的文字

                window.clearInterval(tipId); //清除循环事件

            }

        }

    </script>

</html>

 

JavaScript中的定时事件的更多相关文章

  1. 在javascript中如何取消事件冒泡

    如果在javascript中只希望事件发生在它的目标而不是在它的父元素上,即取消它的冒泡事件的发生,该如何做?因为按照javascript发生事件的顺序,它由两个阶段:分别从根元素--父元素--目标元 ...

  2. 如何测试 Android 中的定时事件

    测试定时事件不太容易,比如要测试 AlarmManager 中定时明天4点的一个事件,你总不能等到明天4点再看看吧. Roman Nurik 提供了两个用来测试定时事件的命令:adb shell du ...

  3. JavaScript中常用的事件

    .onclick事件 点击事件(onclick并不是js中的方法,onclick只是浏览器提供js的一个dom接口,让js可以操作dom,所以onclick大小写都是没问题的,比如HTML代码就不用区 ...

  4. JavaScript中冒泡与事件委托

    冒泡 事件触发后事件流的三个阶段按顺序依次是: 1.捕获阶段 2.目标阶段 3.冒泡阶段 大盒子包裹小盒子,两个盒子都分别添加点击事件,当点击小盒子,两个盒子的事件都会触发. 事件委托 下级元素委托上 ...

  5. JavaScript中的方法事件和函数的方法的三种方法

    js中的很多事件  而事件相对应的就是方法(函数 )那么今天所说的就是这三种方法      已onclick事件为例 1: 基本方法 <div id="a" onclick= ...

  6. javascript中window.event事件用法详解

    转自http://www.jb51.net/article/32564.htm描述 event代表事件的状态,例如触发event对象的元素.鼠标的位置及状态.按下的键等等. event对象只在事件发生 ...

  7. JavaScript中的ononline事件和onoffline事件

    关于这个时间的描述到处都有,但基本上都是说离线在线什么的我一下子还没反应过来.后再在这里看到了一句话:"断开网络再联网试试,就可以看到连线的提示."这才反应过来,原来指的是网络状态 ...

  8. 记录JavaScript中使用keyup事件做输入验证（附event.keyCode表）

    input的blur事件 $("#input-name").blur(function () { var value = $(this).val(); if (value === ...

  9. javascript中的scroll事件

    window.addEventListener('scroll',function(){ if(document.compatMode == "CSS1Compat") { ale ...

随机推荐

  1. JPA中建立数据库表和实体间映射小结

    在JPA中,映射数据库表和实体的时候,需要注意一些细节如下, 实体类要用@Entity的注解: 要用 @Id 来注解一个主键: 如果跟数据库相关联,要用@Table注解相关数据库表: 实体类中字段需要 ...

  2. Android Studio2.0 教程从入门到精通Windows版 - 入门篇

    http://www.open-open.com/lib/view/open1468121363300.html 本文转自:深度开源(open-open.com)原文标题:Android Studio ...

  3. XSLT 创建CDATA节点

    创建文本结点 (1)直接写入文本: text1 (2)通过<xsl:text>创建文本结点: <xsl:text>text2</xsl:text> (3)通过< ...

  4. Reboot-less node fencing in Oracle Clusterware 11g Release 2

    在进行一次RAC的高可用性测试时,当private网卡的网线被拔掉之后,没有出现传说中的有一个节点被CRS强制重启,取而代之的是node2上面的ASM实例和RDBMS实例被关闭:当网线被重新插上时,n ...

  5. ImportError: No module named pycocotools.coco,pycocotools/_mask.so: undefined symbol: _Py_ZeroStruct

    准确的说是没有安装 pycocotools 可以借鉴下面链接: https://blog.csdn.net/ab0902cd/article/details/79085797 因为我通常用Python ...

  6. Windows 10同步时间的方法

    今天在安装了Windows 10 1809(October 2018 update)之后发现时间不能同步,以前并没有出现这种情况. 1) 打开控制面板,找到时钟域地区 2) 选择日期和时间 3) 选择 ...

  7. centos下通过pid查看进程的绝对路径的方法

    例如: 我想要知道我执行中的mysql路径 netstat -nlp pid拿到15330,然后 cd /proc/15330 由于linux在启动一个进程时,会在/proc下创建一个以PID命名的文 ...

  8. 31. Next Permutation 返回下一个pumutation序列

    ［抄题］: Implement next permutation, which rearranges numbers into the lexicographically next greater p ...

  9. 560. Subarray Sum Equals K 求和为k的子数组个数

    ［抄题］: Given an array of integers and an integer k, you need to find the total number of continuous s ...

  10. 51单片机学习笔记（郭天祥版）（1）——单片机基础和点亮LED灯

    关于单片机型号的介绍: STC89C52RC40C-PDIP 0721CV4336..... STC:STC公司 89:89系列 C:COMS 52(还有51,54,55,58,516,):2表示存储 ...