js setTimeout与setInterval使用实例及区别讲解
1.setTimeout与setInterval的区别
setTimeout:
1.直接使用的话,按照指定 的时间,只执行一次传入的函数参数。
2.函数的终止使用clearTimeout。
setInterval:
1.直接使用的话,按照指定的时间,循环执行传入的函数参数
2.函数的终止使用clearInterval。
2.setTimeout与setInterval的用法
setsetTimeout:
1.直接使用:setsetTimeout(function(data){},1000,param1);
使用时可以传入多个个参数,参数的作用如下。
1.code/function 必需。要调用一个代码串,也可以是一个函数。
2.’milliseconds 可选。执行或调用 code/function 需要等待的时间,以毫秒计。默认为 0。
3.param1, param2, ... 可选。 传给执行函数的其他参数(IE9 及其更早版本不支持该参数)。
2.使用变量调用,并终止setsetTimeout用法。
var myVar; function myFunction() { myVar = setTimeout(function(){ alert("Hello") }, 3000); } function myStopFunction() { clearTimeout(myVar); }
setInterval
1.直接使用:setInterval(function, milliseconds, param1, param2, ...);
使用时可以传入多个个参数,参数的作用如下。
1.code/function 必需。要调用一个代码串,也可以是一个函数。
2.’milliseconds 可选。执行或调用 code/function 需要等待的时间,以毫秒计。默认为 0。
3.param1, param2, ... 可选。 传给执行函数的其他参数(IE9 及其更早版本不支持该参数)。
2.使用变量调用,并终止setInterval用法。
var myVar = setInterval(function(data){ }, 1000); function myStopFunction() { clearInterval(myVar); }
3.setTimeout实现setInterval功能并实现自我终止
var myVar,i=0; function myFunction() { myVar = setTimeout(function(){ i++; if(i>21){ myStopFunction }else{
mayVar } }, 3000);
} function myStopFunction() { clearTimeout(myVar); }
- 使用python中的Numpy进行t检验
- 实操 Web Cache
- 怎样制作RPM包
- 框架设计原则和规范(完)
- 这或许是对小白最友好的python入门了吧——9,数字深入体验
- WebAPI返回数据类型解惑 以及怎样解决Extjs无法解析返回的xml
- 图像处理:利用神经网络生成新图像和修复旧图像
- 这或许是对小白最友好的python入门了吧——8,初识for语句
- Extjs 项目中常用的小技巧,也许你用得着(3)
- 对于Ext.data.Store 介紹 与总结,以及对以前代码的重构与优化
- 数据库与图片完美解决方案
- 数据库进程间通信解决方案
- 【实践操作】在iPhone上创建你的第一个机器学习模型
- WP8微信5.3开始内测 支持Cortana语音 两微破冰了?
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 潘石屹用Python解决100个问题 | 打印菱形
- Android:源码解析 Dialog的窗口机制
- Java|获取图片rgb值
- (数据科学学习手札93)利用geopandas与PostGIS进行交互
- 设计模式(三):旅行的角度理解抽象工厂模式
- 机器学习中的优化算法!
- 【进阶篇】Python+Go——带大家一起另寻途径提高计算性能
- 爬取豆瓣高分电影。
- 快速带你上手Hyperledger Fabric环境搭建+开发测试
- 尝鲜使用微众银行WeCross实现基于哈希时间锁定的跨链转账
- Flutter 富文本第三方库 rich_text_widget
- 程序员的数学:线性代数之可视化
- 基于七牛SDK构建的Vue单页图片管理应用
- [Electron]仿写一个课堂随机点名小项目
- SyntaxError: (unicode error) 错误解决