javascript 定时器使用
定时器的使用场合
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 定时器使用的更多相关文章
- Javascript定时器(三)——setTimeout(func, 0)
setTimeout(func, 0)可以使用在很多地方,拆分循环.模拟事件捕获.页面渲染等 一.setTimeout中的delay参数为0,并不是指马上执行 <script type=&quo ...
- Javascript定时器(二)——setTimeout与setInterval
一.解释说明 1.概述 setTimeout:在指定的延迟时间之后调用一个函数或者执行一个代码片段 setInterval:周期性地调用一个函数(function)或者执行一段代码. 2.语法 set ...
- JavaScript定时器详解
假设有以下场景 setTimeout(function timeoutHandler(){ /*Some timeout handle code that runs for 6ms*/ }, 10); ...
- Javascript 定时器调用传递参数的方法
文章来源: https://m.jb51.net/article/20880.htm 备注:先记下,以后整理: Javascript 定时器调用传递参数的方法,需要的朋友可以参考下. 无论是wind ...
- JavaScript定时器的工作原理（翻译）
JavaScript定时器的工作原理(翻译) 标签(空格分隔): JavaScript定时器 最近在看ajax原理的时候,看到了一篇国外的文章,讲解了JavaScript定时器的工作原理,帮助我很好的 ...
- JavaScript定时器作业
JavaScript定时器作业 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta char ...
- 关于JavaScript定时器我的一些小理解
因为自己在平时工作中,有些功能需要用到定时器,但是定时器并不像我们表边上看到的那样,所以这周末我看看书查查资料,深入研究了一下JavaScript中的定时器,那么废话不多说,下面进入我们今天的正题. ...
- Javascript 定时器的使用陷阱 (setInterval)
setTimeout(function(){ // 其他代码 setTimeout(arguments.callee, interval); }, interval); setInterval会产生回 ...
- JavaScript定时器越走越快的问题
目录 JavaScript定时器越走越快的问题 (setinterval)多次初始化 清除(clearInterval)的失效 解决方法 JavaScript定时器越走越快的问题 之前在项目中写了定时 ...
- JavaScript定时器及回调用法
JavaScript定时器及回调用法 循环定时任务 // 假设现在有这样一个需求:我需要请求一个接口,根据返回结果判断需不需要重复请求,直到达到某一条件为止,停止请求执行某操作 <script ...
随机推荐
- javascript时间、随机数
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 微软开放技术开发了适用于 Windows Azure 移动服务的开源 Android SDK
发布于 2014-02-10 作者 陈 忠岳 为进一步实现连接微软与非微软技术的目标,微软开放技术有限公司开发了适用于 Windows Azure 移动服务的 Android SDK,由Scot ...
- 全面理解Unity加载和内存管理
全面理解Unity加载和内存管理http://game.ceeger.com/forum/read.php?tid=4394&fid=2&uid=6507 1.用简单的“for”循环 ...
- ssh 登录出现的几种错误以及解决办法
首先.确保server端的ssh服务是开的(service shhd start) 然后在client端输入: ssh usrname@serverip (远程登录) scp filename usr ...
- Away3d 基础 1 ---对一个简单类的解释
转自:http://www.cnblogs.com/nooon/archive/2009/05/16/1458334.html 原英文地址: http://www.flashmagazine.com/ ...
- JavaScript修改表中的内容
例子: <?php ?> <html> <head> <meta http-equiv="Content-Type" content=&q ...
- 我对Burnside定理的理解
我想了想,发现可以证明burnside定理. 置换:n个元素1,2,-,n之间的一个置换表示1被1到n中的某个数a1取代,2被1到n中的某个数a2取代,直到n被1到n中的某个数an取代,且a1,a2, ...
- 洛谷1440 求m区间内的最小值
洛谷1440 求m区间内的最小值 本题地址:http://www.luogu.org/problem/show?pid=1440 题目描述 一个含有n项的数列(n<=2000000),求出每一项 ...
- opencl-Shader
转载自:http://blog.csdn.net/leonwei/article/details/8956632 这里介绍关于OpenCL中program函数的写法,program函数通常是文本形式的 ...
- usaco 奶牛接力
Description 为增强体质,约翰决定举办一场奶牛接力跑比赛.比赛现场有一些接力位置,这些位置间有T条路连接,第i条路的长度为Li. 有N头奶牛需要参加比赛,领头的奶牛从位置S出发,她会按照你的 ...