在线客服
扫描二维码
下载博学谷APP扫描二维码
关注博学谷微信公众号
定时器是什么?怎么用?定时器是在一段特定的时间后执行某段程序代码。定时器有两种方法:setInterval()按照指定的周期(以毫秒计)来调用函数或计算表达式。方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭;setTimeout()在指定的毫秒数后调用函数或计算表达式。
定时器学习目标:能够实现反复执行的定时器
一、定时器是什么?
定时器就是在一段特定的时间后执行某段程序代码。
二、定时器怎么使用?
js 定时器有两种创建方式:
1.setTimeout(func[, delay, param1, param2, ...]) :以指定的时间间隔(以毫秒计)调用一次函数的定时器
2.setInterval(func[, delay, param1, param2, ...]) :以指定的时间间隔(以毫秒计)重复调用一个函数的定时器
setTimeout函数的参数说明:
·第一个参数 func , 表示定时器要执行的函数名
·第二个参数 delay, 表示时间间隔,默认是0,单位是毫秒
第三个参数 param1, 表示定时器执行函数的第一个参数,一次类推传
<script>
function hello(){
alert('hello');
}
// 执行一次函数的定时器
setTimeout(hello, 500);
</script>
setInterval函数的参数说明:
·第一个参数 func , 表示定时器要执行的函数名
·第二个参数 delay, 表示时间间隔,默认是0,单位是毫秒
·第三个参数 param1, 表示定时器执行函数的第一个参数,一次类推传入多个执行函数对应的参数。
<script>
function hello(){
alert('hello');
}
// 重复执行函数的定时器
setInterval(hello, 1000);
</script>
三、清除定时器
js 清除定时器分别是:
·clearTimeout(timeoutID) 清除只执行一次的定时器(setTimeout函数)
·clearInterval(timeoutID) 清除反复执行的定时器(setInterval函数)
clearTimeout函数的参数说明:
<script>
function hello(){
alert('hello');
// 清除只执行一次的定时器
clearTimeout(t1)
}
// 执行一次函数的定时器
t1 = setTimeout(hello, 500);
</script>
·timeoutID 为调用 setTimeout 函数时所获得的返回值,使用该返回标识符作为参数,可以取消该 setTimeout 所设定的定时执行操作。
clearInterval函数的参数说明:
·timeoutID 为调用 setInterval 函数时所获得的返回值,使用该返回标识符作为参数,可以取消该 setInterval 所设定的定时执行操作。
<script>
function hello(){
alert('hello');
}
// 重复执行函数的定时器
var t1 = setInterval(hello, 1000);
function stop(){
// 清除反复执行的定时器
clearInterval(t1);
}
</script>
<input type="button" value="停止" onclick="stop();">
定时器小结:定时器的创建,只执行一次函数的定时器, 对应的代码是setTimeout函数,反复执行函数的定时器, 对应的代码是setInterval函数,清除定时器,清除只执行一次函数的定时器, 对应的代码是clearTimeout函数,清除清除反复执行的定时器, 对应的代码是clearInterval函数。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
MySQL和Redis高可用性体现在哪些方面?
MySQL和Redis高可用主要体现三个方面:MySQLReplication是MySQL官方提供的主从同步方案;Sentinel是Redis官方为集群提供的高可用解决方案;Sentinel主要功能。
6882
2019-07-16 17:00:32
初学Python用什么工具好?Python开发工具推荐
初学Python的小白都一定有过这样的体验,因为没有好用的Python开发工具而吃了很多苦头。工欲善其事必先利其器,这道理只有在实践中才会深有体会。那么初学Python用什么工具好?各个开发工具又有哪些特点?本文就以上的问题,为初学者介绍一下比较受欢迎且好用的工具。
6200
2019-07-26 10:30:48
学Python能干什么工作?工作前景怎么样?
Python作为当下火热的编程语言,深受程序员的喜爱和欢迎。因此现在选择Python的学习者越来越多了,不仅仅因为Python作为编程语言自身的优点,还因为其工作岗位的薪水和待遇一直在水涨船高。那么学Python能干什么工作呢?工作前景怎么样?
4703
2019-09-10 16:06:12
CSS显示特性display属性的使用介绍
CSS显示特性display属性的使用介绍,display属性规定元素应该生成的框的类型,我们需要学习并掌握标签隐藏设置。
3150
2021-12-08 15:02:04
函数定义是什么?如何调用?
函数定义是什么?如何调用?函数定义的一般形式:类型标识符函数名(形式参数表列)函数定义函数首部不要以分号结尾。函数就是可以重复使用的代码块, 使用关键字 function 定义函数。
2406
2021-12-30 16:20:19