pass argument ms from started into tick (interval)

[xaota]

when interval is started, tick called in first time with zero
every tick call - time argiment increment by timeout (maybe perfomance.now())

usage

sample({ clock: tick, filter: time > 1e4, target: stopAnimation })

reference: https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame (callback argument)

[sbeben]

IMO this is actually a very good idea to make even something like:

tick<{
  timestamp: Date.now,
  diff: timestamp - prevTickTimestamp
}>

Because in order to provide accurate intervals, we actually must calculate time difference each time we use the method in browser, as it gets throttled during idle time.

So, we can do just:

sample({
  clock: tick,
  source: [$tickInterval, $amountPerTick],
  fn: ([tickInterval, amountPerTick], { diff }) => 
    diff / tickInterval * amountPerTick,
  target: $someStore,
})