setInterval()与setTimeout() 详细

1. setInterval（）间歇调用

setInterval(code, milliseconds);
setInterval(function, milliseconds, param1, param2, ...)

 参数                              描述
code/function       必需。要调用一个代码串，也可以是一个函数。
milliseconds        必须。周期性执行或调用 code/function 之间的时间间隔，以毫秒计。
param1, param2,     ... 可选。 传给执行函数的其他参数（IE9 及其更早版本不支持该参数）。

实例：获取验证码计数器

<el-button type="button" @click="sendcode" :disabled="disabled">{{btntxt}}</el-button>


disabled : false,sendcode() {send(this.mobile).then(() => {this.tackBtn()}).catch(()=>{this.disabled = false;this.valiBtn = '获取验证码';this.$message.success('验证码发送失败')})
},
tackBtn() {       //验证码倒数60秒let time = 60;this.valiBtn = time + '秒后重试';this.$message.success('验证码发送成功')let timer = setInterval(() => {if (time === 0) {clearInterval(timer);this.valiBtn = '获取验证码';} else {this.disabled = true;this.valiBtn = time + '秒后重试';time--;}}, 1000);
},

2. setTimeout（）超时调用(定时调用)

setTimeout(code, milliseconds, param1, param2, ...)
setTimeout(function, milliseconds, param1, param2, ...)

 参数                              描述
code/function       必需。要调用一个代码串，也可以是一个函数。
milliseconds        可选。执行或调用 code/function 需要等待的时间，以毫秒计。默认为 0。
param1, param2,     ... 可选。 传给执行函数的其他参数（IE9 及其更早版本不支持该参数）。

实例：3秒后弹出Hello World

<el-button @click="myFunction()"/>

方法一：

myFunction() {setTimeout(alertFunc, 3000);
}alertFunc() {alert("Hello World");
}

方法二：

myFunction() {setTimeout(() => {this.alertFunc()}, 3000);
}alertFunc() {alert("Hello World");
}

setInterval()与setTimeout() 详细相关推荐

关于setInterval和setTImeout中的this指向问题
问题描述前些天在练习写一个小例子的时候用到了定时器,发现在setInterval和setTimeout中传入函数时,函数中的this会指向window对象,如下例: var num = 0; fun ...
html 取消settimeout,JavaScript中停止执行setInterval和setTimeout事件的方法
js 代码中执行循环事件时,经常会用到 setInterval 和 setTimeout 这两个方法,关于这两个方法的细节这里不详细讨论了,简要分享下在需要停止循环事件的时候该如何操作. (1)set ...
setInterval与setTimeout用法
setInterval与setTimeout的用法 1.setTimeout setTimeout() 只执行 code 一次.如果要多次调用,请使用 setInterval() 或者让 code 自 ...
setInterval和setTimeout的区别以及setInterval越来越快问题的解决方法
setInterval和setTimeout的区别以及setInterval越来越快问题的解决方法参考文章: (1)setInterval和setTimeout的区别以及setInterval越来越 ...
前端定时器 setInterval 和 setTimeout
前端定时器 setInterval 和 setTimeout 1.setInterval 循环执行设置循环执行销毁定时器 2.setTimeout 定时执行设置定时执行 3. setTimeou ...
JavaScript定时调用函数(SetInterval与setTimeout)
setTimeout和setInterval的语法相同.它们都有两个参数,一个是将要执行的代码字符串,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码. 不过这两个函数还是有区别 ...
html怎么让js延迟3秒跳转,JS使用setInterval或setTimeout隔几秒后跳转页面
跳转页面主要使用window的两个对象方法,setInterval()和setTimeout() setInterval(code,millisec) 定义和用法 setInterval() 方法可按 ...
js中setInterval与setTimeout的区别
一.setInterval与setTimeout的区别 1.setInterval setInterval() 方法可按照指定的周期来调用函数(以毫秒为单位) 语法: setInterval(函数表达 ...
JS中setInterval、setTimeout不能传递带参数的函数的解决方法
setInterval 和 setTimeout 这两个函数比较好用,但会遇到比如说我隔个几秒后要执行的函数是带参数的,这种情况怎么办?可以用匿名函数包装处理 //不带参数的函数function te ...

setInterval()与setTimeout() 详细

1. setInterval（）间歇调用

2. setTimeout（）超时调用(定时调用)

setInterval()与setTimeout() 详细相关推荐

最新文章

热门文章

setInterval()与setTimeout() 详细

1. setInterval（） 间歇调用

2. setTimeout（） 超时调用(定时调用)

setInterval()与setTimeout() 详细相关推荐

最新文章

热门文章

1. setInterval（）间歇调用

2. setTimeout（）超时调用(定时调用)