结合案例讲解JS定时器的用法
JS定时器有两种函数,一种是用“function()”触发的,可以多个函数一起触发,之间用“;”隔开,另一种是“delaytime”,意思是间隔的时间,以毫秒为单位,比如写2000意思就是2秒钟,今天学码思Web培训老师结合案例讲解JS定时器的用法。
两种定时器功能说明:
1、倒计时定时器: 在到达指定时间后触发事件,只作用一次。
2、循环定时器: 在间隔一段时间后触发事件,会不停地作用。
解除定时器函数说明:
clearTimeout(对象) 清除已设置的setTimeout对象
clearInterval(对象) 清除已设置的setInterval对象
以下是案例程序:
案例一:表单触发或加载时,逐字输出字符串。
案例二:当焦点在输入框的时候,定时检查输入框信息,焦点不在时不执行检查动作
案例三:下面这个是非常简单的例子,定时器时间到达后弹出警告窗口。
案例四:倒计时定时跳转
案例五、删除定时器演示
案例六、重复执行的定时器
结合案例讲解JS定时器的用法就为大家讲到这里,如果大家还有什么想学习的欢迎在线给我们留言,学码思老师会在后面的教程中给大家分享,方便大家一起学习交流入。希望每天的一点点积累能够帮助大家共同进步成长,早日成为一名优秀的Web前端工程师。