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);
}
js,setTimeout与setInterval的用法的更多相关文章
- js setTimeout和setInterval区别
1.区别 2.示例代码 <!DOCTYPE html> <html lang="zh"> <head> <meta charset=&qu ...
- js:setTimeout 与 setInterval 比较
在javascript中有两个非常有用的函数:setTimeout 和setInterval ,都是定时器:但是两者存在着一些区别: 1. setTimeout函数 用法:setTimeout(fn, ...
- js setTimeout 与 setInterval 以及 for 循环 刷新UI
1. setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式:执行一次: 如果需要执行多次,自身再次调用 setTimeout(): 示例:无穷循环并带停止按钮的 <html&g ...
- js setTimeout 和 setInterval 区别
setTimeout和setInterval的语法相同.它们都有两个参数,一个是将要执行的代码字符串,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码.不过这两个函数还是有区别的 ...
- setTimeout()和setInterval()的用法
JS里设定延时: 使用SetInterval和设定延时函数setTimeout 很类似.setTimeout 运用在延迟一段时间,再进行某项操作. setTimeout("function& ...
- setTimeout()与setInterval()
一.setTimeout与setInterval的用法(http://www.css88.com/archives/5804) setTimeout是超时调用,javascript是一个单线程的解析器 ...
- 原生js轮播以及setTimeout和setInterval的理解
下面这个代码是从一个群下载下来的,为了帮助自己理解和学习现在贴出来,与初学者共勉. <!DOCTYPE html> <html> <head> <meta c ...
- Javascript的setTimeOut()和setInterval()的定时器用法
Javascript用来处理延时和定时任务的setTimeOut和setInterval函数应用非常广泛,它们都用来处理延时和定时任务,比如打开网页一段时间后弹出一个登录框,页面每隔一段时间发送异步请 ...
- 关于js中的setTimeout和setInterval
http://ejohn.org/blog/how-javascript-timers-work 这是John的一篇博文说到setTimeout和setInterval的区别,在看js高效图形编程的时 ...
随机推荐
- SQLAlchemy的使用---外键ForeignKey数据增删改查
# 添加数据 from sqlalchemy.orm import sessionmaker from create_table_ForeignKey import engine, Student, ...
- chosen下拉框插件的使用
效果如下 第一步: 第二步: 根据HTML5规范, 通常在引入CSS和JS时不需要指明 type,因为 text/css 和 text/javascript 分别是他们的默认值. <link r ...
- vmware克隆的linux机器网络不通
当我使用vmware的完全克隆功能克隆出两台虚拟机之后,登录发现网络不通,仔细检查发现几个问题,由于克隆之后默认的eth0网卡在系统中会变成eth1,导致之前的eth0网卡配置信息无法加载,网络不通, ...
- 再学UML-深入浅出UML类图(五)
实例分析3——售票机控制程序 某运输公司决定为新的售票机开发车票销售的控制软件.图I给出了售票机的面板示意图以及相关的控制部件. 图I 售票机面板示意图 售票机相关部件的作用如下所述: (1) 目 ...
- idea打jar包经验总结
关于在idea下打jar问题,在日常工作中经常用到,这里总结下流程. 1.在项目上鼠标右键 --> Open Module Settings 2.如下图,点击 '+' 3. 选择JAR --&g ...
- bind 详解
请看我的有道云笔记: http://note.youdao.com/noteshare?id=eaf4194473cf4294776fbc263ffe6b89&sub=5CB214C594E0 ...
- 对 Canal (增量数据订阅与消费)的理解
概述 canal是阿里巴巴旗下的一款开源项目,纯Java开发.基于数据库增量日志解析,提供增量数据订阅&消费,目前主要支持了MySQL(也支持mariaDB). 起源:早期,阿里巴巴B2B公司 ...
- Android(java)学习笔记54:Android 调用Vibrator震动功能
1. 之前我编写的代码是如下: package com.himi.vibrate; import android.app.Activity; import android.app.Service; i ...
- vue快速使用
1.引用脚本 <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script ...
- CodeForces - 598A Tricky Sum (数学,快速幂的运用)
传送门: http://codeforces.com/problemset/problem/598/A A. Tricky Sum time limit per test 1 second memor ...