全国热线

400-080-3312

全国监督投诉热线:9:00-23:00

结合案例讲解JS定时器的用法

JS定时器有两种函数,一种是用“function()”触发的,可以多个函数一起触发,之间用“;”隔开,另一种是“delaytime”,意思是间隔的时间,以毫秒为单位,比如写2000意思就是2秒钟,今天学码思Web培训​老师结合案例讲解JS定时器的用法。

  JS定时器有两种函数,一种是用“function()”触发的,可以多个函数一起触发,之间用“;”隔开,另一种是“delaytime”,意思是间隔的时间,以毫秒为单位,比如写2000意思就是2秒钟,今天学码思Web培训老师结合案例讲解JS定时器的用法。


  两种定时器功能说明:


  1、倒计时定时器:  在到达指定时间后触发事件,只作用一次。


  2、循环定时器:  在间隔一段时间后触发事件,会不停地作用。


  解除定时器函数说明:


  clearTimeout(对象) 清除已设置的setTimeout对象


  clearInterval(对象) 清除已设置的setInterval对象


  以下是案例程序: 


  案例一:表单触发或加载时,逐字输出字符串。

1.jpg


  案例二:当焦点在输入框的时候,定时检查输入框信息,焦点不在时不执行检查动作

2.jpg


  案例三:下面这个是非常简单的例子,定时器时间到达后弹出警告窗口。

3.jpg


  案例四:倒计时定时跳转

4.jpg


  案例五、删除定时器演示

5.jpg


  案例六、重复执行的定时器

6.jpg


  结合案例讲解JS定时器的用法就为大家讲到这里,如果大家还有什么想学习的欢迎在线给我们留言,学码思老师会在后面的教程中给大家分享,方便大家一起学习交流入。希望每天的一点点积累能够帮助大家共同进步成长,早日成为一名优秀的Web前端工程师


上一篇:给新人学习Web前端的6点建议
下一篇:Javascript闭包在前端开发中的特性

相关推荐

免费试听 | 学费咨询 | 在线报名 | 申请补贴 | 软件培训 | 网站地图

2016-2020 南京学码思教育科技有限公司 .All Rights Reserved

苏ICP备16033487号 www.njxms.com.cn

全国热线

400-080-3312

全国监督服务热线:9:00-23:00