Skip to content
目录

📚 提供一种简单的方式在特定时间后调用函数

  • 完全与整个渲染循环同步😎,不同于 setTimeout(),setTimeout可能在浏览器屏幕刷新周期外触发
  • 还可以给函数传入任意数量的参数

🌰1️⃣ 1s后调用函数,并给函数传入2个参数:

js
gsap.delayedCall(1, myFunction, ['param1', 'param2'])

function myFunction(param1, param2) {
  // do stuff
}

📚🌰2️⃣ 保存引用,然后调用 .kill() 可以取消或者清除延迟调用:

js
const delayedCall = gsap.delayedCall(1, myFunction)

// 之后某个时间点 取消掉延迟调用
delayedCall.kill()

📚🌰3️⃣ 或者不保存引用,使用 gsap.killTweensOf() 方法清除 delayedCall(),delayedCall本质上是 Tween (补间动画)的另一种写法:(详细可查看gsap.killTweensOf()

js
gsap.delayedCall(1, myFunction)

// 之后某个时间点 取消掉延迟调用
gsap.killTweensOf(myFunction)

文档地址:

2022年11月21日14:56:46