一、任务目标
Timer是LayaAir提供的一个时间管理类,一般的延迟事件的触发等都需要借助该类。需要注意的是Timer是一个单例,不需要我们手动实例化,直接使用Laya.timer
调用即可。
二、任务分解
2.1 callLater方法介绍
该方法官方的解释是延迟调用,很多小伙伴会误解,其实这里延迟调用的意思是callLater中传入的方法只触发一次,我们用for循环循环10次,其实只会触发一次,这是为了优化性能而引进的。
export default class timer_test extends Laya.Script {
constructor() { super(); }
onAwake() {
Laya.stage.on("click",this,()=>{
/**
* 延迟调用实例,并非延迟之后才调用,而是指多次循环函数只触发一次
* 注意:只能传入函数,不能写匿名函数,匿名函数会调用循环次数
*/
for (let i = 0; i < 10; i++){
Laya.timer.callLater(this,this.callLaterTest,[i]);
}
});
}
private callLaterTest(i: number): void {
console.log(i);
}
}
执行结果:
可以看到,虽然我们循环了10次,但是控制台只执行了一次,这个方法有什么用呢?当我们加载资源时,如果每次都渲染一下性能开销太大,当我们渲染动画时,如果时间太短后面的渲染会覆盖前面的,那么就会造成性能浪费,采用这个函数只触发一次,会大大提高性能。
- 注意:这里只能传入函数,不能传入匿名函数,匿名函数还是会执行10次,起不到优化的作用
2.2 其他函数介绍
介绍完callLater函数后,其他的就很好理解了,就是大家普遍认为的延迟多少秒再执行。
frameLoop
定时重复执行,基于帧率frameOnce
定时执行一次,基于帧率loop
定时重复执行,基于毫秒once
定时执行一次,基于毫秒