1.2.5. 定时器(两种)
window 对象给我们提供了 2 个非常好用的方法-定时器。
- - setTimeout()
- - setInterval()
setTimeout() 炸弹定时器
开启定时器
![00a60433ac0b13fb10ff70430da9d9fb.png](https://i-blog.csdnimg.cn/blog_migrate/db49c8058d48886cc46203432cead3d1.jpeg)
![2f601353a30584c1c04e4abe68867abc.png](https://i-blog.csdnimg.cn/blog_migrate/1c4e84c7e100287d248a0c6abeb95fd2.jpeg)
![92a7ca088726bea396907782d99eb2a7.png](https://i-blog.csdnimg.cn/blog_migrate/c94f7a6868070073b7271fb88ad35962.jpeg)
> 普通函数是按照代码顺序直接调用。
> 简单理解: 回调,就是回头调用的意思。上一件事干完,再回头再调用这个函数。
> 例如:定时器中的调用函数,事件处理函数,也是回调函数。
> 以前我们讲的 element.onclick = function(){} 或者 element.addEventListener(“click”, fn); 里面的 函数也是回调函数。
案例:5秒后关闭广告
![83eb7e3d7214c060eb89c76fd37a09d8.png](https://i-blog.csdnimg.cn/blog_migrate/b3e70ea60b2146eeb61cc2dbcfc3a798.jpeg)
![66183c3f9cc5e03da3ea908c6f987462.png](https://i-blog.csdnimg.cn/blog_migrate/bf5edb46752022b9668bd0fe5f6be67a.jpeg)
停止定时器
![7cf760664ed50b74cff2248c7515a287.png](https://i-blog.csdnimg.cn/blog_migrate/d111ec4f095761db718181c6e4584e9b.jpeg)
![19dc898f4b43f1d373cd33ba1106a121.png](https://i-blog.csdnimg.cn/blog_migrate/53320fcf31312a6a5019663509ae62fd.jpeg)
点击停止定时器
- setInterval() 闹钟定时器
开启定时器
![c92fb2bc39af44205b27366e02650be7.png](https://i-blog.csdnimg.cn/blog_migrate/db0a83d70aefc576a60138143359da72.jpeg)
案例:倒计时
![88c9a95614e43f8e0a958545e73c2ae9.png](https://i-blog.csdnimg.cn/blog_migrate/d875c1eb0fe396e13997312d824ad3e7.jpeg)
![7d428e0b940f0df4673f96debabdfb5f.png](https://i-blog.csdnimg.cn/blog_migrate/04595bad8b929927403a48662f7e94f8.jpeg)
12 3
停止定时器
![b84a19a9dc93ee3b29b9dd2284109a5c.png](https://i-blog.csdnimg.cn/blog_migrate/e988c25a3a16675e052466a1fab8d091.jpeg)
案例:发送短信倒计时
点击按钮后,该按钮60秒之内不能再次点击,防止重复发送短信。
![6f87d4f219d129cd99e196a5fc89cd10.png](https://i-blog.csdnimg.cn/blog_migrate/b4af842450fe7932bf8f5f6e7701754b.jpeg)
![9c5e028aa461764cae9a41bab7b6135e.png](https://i-blog.csdnimg.cn/blog_migrate/5d51fa0e1a2e5b6a8fe7a95f7b1fe11e.jpeg)
手机号码: 发送
分享IT技术,注重基础知识与实战经验的分享,帮助编程爱好者快速进步。喜欢的加关注!!!