一.计时器
什么是计时器?
Window中为我们提供了两种计时器,即: 定时器setTimeout() 和 延迟计时器setInterval()
定时器setTimeout()为一次性计时器,即在规定时间后执行,且只执行一次;而延迟计时器setInterval()可以实现在指定时间内重复执行.
计时器的语法
1.定时器
- 创建定时器:
var timer = setInterval(function(){ },ms);- 注:
- 这里我们使用setInterval()方法之后返回一个timer,timer是该计时器的唯一标识.
- 参数ms即为在ms毫秒之后执行此定时器中的方法.
- 注:
- 删除定时器:
clearInterval(timer);- 使用此方法即可以清除计时器,参数即为待清除计时器的唯一标识.
2.延迟器
- 创建延迟器:
var timer = setTimeout(function(){ },ms);- 注:
- 这里与定时器相同,我们在创建延迟器之后也会返回一个计时器的唯一标识.
- 参数ms即为在ms毫秒之后重复执行此定时器中的方法.
- 注:
- 删除延迟器:
clearTimeout(timer);- 使用此方法即可以清除计时器,参数即为待清除计时器的唯一标识.
二.计时器使用实例
在这里我们使用计时器实现了一个倒计时的功能.我们通过点击登录按钮出现一个倒计时10秒钟的计时器.且在计时过程中按钮不再可以被点击. 这种计时器我们也很常见,比如在某些网页中,我们刚进入必须浏览某些内容达到指定时间才能正式进入网页.
- 首先是代码示例:
- 下面是运行效果图:
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/207062.html原文链接：https://javaforall.net
