您现在的位置是:首页 > Javascript
当前栏目
一文详解JavaScript定时器
2023-04-18 15:47:22 时间
什么是定时器?
定时器就是可以定时一段时间后执行某些功能,或者每隔一段时间重复执行某些功能。
定时器和循环的区别要尤其注意,循环结构内部使用延时函数也可以实现定时器的重复执行效果,但是如果使用循环加延时,程序是阻塞的,会一直停留在循环过程中,循环结构后面的程序无法执行。即计算机资源一直处于被占用状态,消耗也很大。
定时器是只在触发的时刻执行指定功能,没有到触发时刻程序不会阻塞,按照顺序,正常执行定时器后面的程序。
setTimeout()
语法:
参数 | 描述 |
func | 要调用的函数后要执行的 JavaScript 代码串。 |
millisec | 在执行代码前需等待的毫秒数。 |
功能:在指定的毫秒数后调用函数。
setInterval()
语法:
参数 | 描述 |
func | 要调用的函数后要执行的 JavaScript 代码串。 |
millisec | 周期性执行func的时间间隔,以毫秒计。 |
功能:按照指定的周期(以毫秒计)来调用函数或计算表达式。方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。
简易计时器项目
实现一个计时器,绿色方框内数字从0开始,每隔1s增加1。
跳跃坠落两张图片循环切换
例如:两张图片的名字分别为11.jpg和12.jpg,只需设置一个变量在11和12之间切换即可。
停止定时器,按下停止跳跃按钮,停止跳跃。
拆除炸弹
炸弹倒计时10s,如果没有拆除就会爆炸,现在请你点击按钮拆除炸弹。
相关文章
- 前端面试2021-001
- 前端面试2021-002
- 前端面试2021-003
- 前端面试2021-007
- 前端面试2021-010
- Vue前端面试2021-013
- Vue前端面试2021-014
- Vue前端面试2021-015
- Vue前端面试2021-016
- Vue前端面试2021-017
- Vue前端面试2021-018
- 云原生下的灰度体系建设
- 虚拟化之Virtio-Net基础篇
- 在华为云身上,看到了中国云计算的纠结与希望
- 为什么有的网站是http,有的是https,一s之差,差很大
- 如果你的 HTML 里全是 Div,那就要小心了
- has been blocked by CORS policy: The ‘Access-Control-Allow-Origin‘ header contains multiple values ‘
- gRPC: 快速创建静态文件下载 Web 服务
- Vue面试题之跨域问题的解决
- SpringBoot+Vue(二)ES6模块化、SPA-Vue企业级开发和Vue全家桶