如何在特定时间轴周期的开始和结束时调用外部方法

如何解决如何在特定时间轴周期的开始和结束时调用外部方法

我目前在时间轴上有一些动画，并且在特定时间，我想在<div>容器中显示多个文本元素。我想要实现的是在不使用任何其他外部库的情况下调用方法。

给出以下代码段：

            draw.rect().size(0,0).opacity(0).timeline(timeline).animate({
                duration: element.duration,delay: element.delay,when: "Now",}).queue(
                (time) => handler("before",element,time)
            ).after((time) => handler("after",time))

我考虑过使用不可见元素，并且仅在动画开始和结束时才接收事件。这对于after回调工作正常，但不适用于before。当我尝试使用during()语法时，它将为我提供时间轴中的每个事件，而不是启动时仅一个事件。

曾考虑过将Runner添加到时间轴，但我也不知道如何实现。