定时器的使用场合

setInterval() 方法，按照指定的周期(以毫秒记)来调用函数或计算表达式
setInterval() 方法会不停的调用函数，知道 clearInterval() 被调用或窗口被关闭，由setInterval() 返回的ID值可作用于 clearInterval() 方法的参数
setInterval(code,millisec) code 要调用的函数或执行的代码，millisec 周期调用或调用code之间的时间间隔（以毫秒记）
返回值： 一个可以传递给 window.clearInterval() ，从而取消对code的周期性执行的值

<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="UTF-8">

	<title>test测试例子</title>

	<script type="text/javascript">

	// setInterval() 测试例子

	var i = 0;

	var int = setInterval(function(){

		console.log(i++);

	}, 1000)

	function stop(){

		clearInterval(int);

		console.log("ok");

	}

	</script>

</head>

<body>

	<input type="button" value="停止" onclick="stop();">

</body>

</html>

setTimeout() 方法，在指定的毫秒数后调用函数或计算表达式
setTimeout(code,millisec) code 要执行的函数活执行的代码，millisec 在执行代码前需等待的毫秒数
注意：setTimeout() 只执行code一次，如果要多次调用，请使用 setInterval() 或者让code 自身再次调用 setTimeout()

clearTimeout(id_of_setTimeout) 取消setTimeout() 设置的timeout, id_of_setTimeout 是 setTimeout() 返回的id

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>test测试例子</title>

    <script type="text/javascript">

    // setTimeout() 测试例子

    var i = 0;

    var t;

    function time5(){

        t = setTimeout(function(){

            console.log(i++);

            time5();

        },1000);

    }

    function stop(){

        clearTimeout(t);

        console.log("okl");

    }

    time5();

    </script>

</head>

<body>

    <input type="button" value="清除定时器" onclick="stop();">

</body>

</html>

javascript 定时器使用的更多相关文章

  1. Javascript定时器(三)——setTimeout(func, 0)

    setTimeout(func, 0)可以使用在很多地方,拆分循环.模拟事件捕获.页面渲染等 一.setTimeout中的delay参数为0,并不是指马上执行 <script type=&quo ...

  2. Javascript定时器(二)——setTimeout与setInterval

    一.解释说明 1.概述 setTimeout:在指定的延迟时间之后调用一个函数或者执行一个代码片段 setInterval:周期性地调用一个函数(function)或者执行一段代码. 2.语法 set ...

  3. JavaScript定时器详解

    假设有以下场景 setTimeout(function timeoutHandler(){ /*Some timeout handle code that runs for 6ms*/ }, 10); ...

  4. Javascript 定时器调用传递参数的方法

    文章来源:  https://m.jb51.net/article/20880.htm 备注:先记下,以后整理: Javascript 定时器调用传递参数的方法,需要的朋友可以参考下. 无论是wind ...

  5. JavaScript定时器的工作原理（翻译）

    JavaScript定时器的工作原理(翻译) 标签(空格分隔): JavaScript定时器 最近在看ajax原理的时候,看到了一篇国外的文章,讲解了JavaScript定时器的工作原理,帮助我很好的 ...

  6. JavaScript定时器作业

    JavaScript定时器作业 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta char ...

  7. 关于JavaScript定时器我的一些小理解

    因为自己在平时工作中,有些功能需要用到定时器,但是定时器并不像我们表边上看到的那样,所以这周末我看看书查查资料,深入研究了一下JavaScript中的定时器,那么废话不多说,下面进入我们今天的正题. ...

  8. Javascript 定时器的使用陷阱 (setInterval)

    setTimeout(function(){ // 其他代码 setTimeout(arguments.callee, interval); }, interval); setInterval会产生回 ...

  9. JavaScript定时器越走越快的问题

    目录 JavaScript定时器越走越快的问题 (setinterval)多次初始化 清除(clearInterval)的失效 解决方法 JavaScript定时器越走越快的问题 之前在项目中写了定时 ...

  10. JavaScript定时器及回调用法

    JavaScript定时器及回调用法 循环定时任务 // 假设现在有这样一个需求:我需要请求一个接口,根据返回结果判断需不需要重复请求,直到达到某一条件为止,停止请求执行某操作 <script ...

随机推荐

  1. 转：二十七、Java图形化界面设计——容器（JFrame）

    转:http://blog.csdn.net/liujun13579/article/details/7756729 二十七.Java图形化界面设计——容器(JFrame) 程序是为了方便用户使用的, ...

  2. WCF Host中的BaseAddress 和 Endpoint中的Address的区别

    http://stackoverflow.com/questions/18720810/wcf-service-base-address-vs-endpoint-address baseAddress ...

  3. Spark大数据处理技术

    全球首部全面介绍Spark及Spark生态圈相关技术的技术书籍 俯览未来大局,不失精细剖析,呈现一个现代大数据框架的架构原理和实现细节 透彻讲解Spark原理和架构,以及部署模式.调度框架.存储管理及 ...

  4. HDOJ --- 2151 Worm

    Worm Time Limit: 1000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Submis ...

  5. [转]js动态创建json类型

    废话少说:json是一个特有的键值对数组类型.既然是数组类型那么我们就可以这样定义 1.先定义数组 var Data = []; 2.理解键值对 对象名:值{ "id": i, & ...

  6. cssText设置css样式

    js中用cssText设置css样式 (2012-08-21 10:40:22) 转载▼ 标签: js   如果网页中一个 id为“no”的标签,暂且当div标签来tell:想要在js中设置这个div ...

  7. 2013 ACM区域赛长沙 C Collision HDU 4793

    题意:在平面上0,0点,有一个半径为R的圆形区域,并且在0,0点固定着一个半径为RM(<R)的圆形障碍物,现在圆形区域外x,y,有一个半径 为r的,并且速度为vx,vy的硬币,如果硬币碰到了障碍 ...

  8. HW4.30

    import java.util.Scanner; public class Solution { public static void main(String[] args) { Scanner i ...

  9. 2013腾讯编程马拉松初赛第二场（3月22日） 小Q系列故事——为什么时光不能倒流 ---好水！！

    我以为我会是最坚强的那一个 我还是高估了自己 我以为你会是最无情的那一个 还是我贬低了自己 就算不能够在一起 我还是为你担心 就算你可能听不清 也代表我的心意 那北极星的眼泪 闪过你曾经的眼角迷离 那 ...

  10. POJ 1325、ZOJ 1364、HDU 1150 Machine Schedule - from lanshui_Yang

    Problem Description As we all know, machine scheduling is a very classical problem in computer scien ...