javascript 在对象中使用 定时器_1分钟学会JavaScript中的定时器,还不来看看

1.2.5. 定时器(两种)

window 对象给我们提供了 2 个非常好用的方法-定时器。

  • - setTimeout()
  • - setInterval()

setTimeout() 炸弹定时器

开启定时器

36737c4234e86aa63e083de00aaf74f1.png
6bd12d1e91c37c2862783c1b4f2f32c9.png
javascript 在对象中使用 定时器_1分钟学会JavaScript中的定时器,还不来看看_第1张图片

> 普通函数是按照代码顺序直接调用。

> 简单理解: 回调,就是回头调用的意思。上一件事干完,再回头再调用这个函数。

> 例如:定时器中的调用函数,事件处理函数,也是回调函数。

> 以前我们讲的 element.onclick = function(){} 或者 element.addEventListener(“click”, fn); 里面的 函数也是回调函数。

    

案例:5秒后关闭广告

javascript 在对象中使用 定时器_1分钟学会JavaScript中的定时器,还不来看看_第2张图片
javascript 在对象中使用 定时器_1分钟学会JavaScript中的定时器,还不来看看_第3张图片
    

停止定时器

e1957d5d5185a2e12e7fdb45b100e5a8.png
javascript 在对象中使用 定时器_1分钟学会JavaScript中的定时器,还不来看看_第4张图片
    点击停止定时器    
  • setInterval() 闹钟定时器

开启定时器

javascript 在对象中使用 定时器_1分钟学会JavaScript中的定时器,还不来看看_第5张图片
    

案例:倒计时

javascript 在对象中使用 定时器_1分钟学会JavaScript中的定时器,还不来看看_第6张图片
javascript 在对象中使用 定时器_1分钟学会JavaScript中的定时器,还不来看看_第7张图片
12 3

停止定时器

javascript 在对象中使用 定时器_1分钟学会JavaScript中的定时器,还不来看看_第8张图片

案例:发送短信倒计时

点击按钮后,该按钮60秒之内不能再次点击,防止重复发送短信。

92fa7abc4b9b919ad850c0573efa8d30.png
javascript 在对象中使用 定时器_1分钟学会JavaScript中的定时器,还不来看看_第9张图片
    手机号码: 发送    

分享IT技术,注重基础知识与实战经验的分享,帮助编程爱好者快速进步。喜欢的加关注!!!

你可能感兴趣的:(javascript,在对象中使用,定时器)