Question. What is proper way of making delay of `startClock` ?

I have a following logic

const restartAnimation = (
	) => [
		stopClock(clock),
		set(state.finished, 0),
		set(state.position, 0),
		set(state.time, 0),
		set(state.frameTime, 0),
		set(config.toValue, toValue),
		set(config.duration, duration),
		startClock(clock)
	];

return block([
   //somthing...
   timing(clock, state, config),
   cond(shouldRestartAnimation, [restartAnimation()]
  //something else
])

I want to delay startClock in restartAnimation. What is proper way of doing it with reanimated?

ps. thanks for great library

[jakub-gonet]

Hi @punksta,

this issue is quite old, so I’m closing it.

Solutions provided by @brmenchl and @satya164 should answer your question, additionally, you can try using delay from redash

If this doesn’t help, please comment.

[brmenchl]

Given a modified implementation of delay in https://github.com/kmagiera/react-native-reanimated/pull/71 that can be reset:

const delay = (clock, time, node, nodeBefore = 0, reset = new Value(0)) => {
  const when = new Value();
  return block([
    cond(or(not(defined(when)), reset), [
      set(when, add(clock, time)),
      set(reset, 0),
    ]),
    cond(greaterOrEq(clock, when), node, nodeBefore),
  ]);
}

const restartAnimation = () => [
  stopClock(clock),
  set(state.finished, 0),
  set(state.position, 0),
  set(state.time, 0),
  set(state.frameTime, 0),
  set(config.toValue, toValue),
  set(config.duration, duration),
  set(resetDelay, 1),
  startClock(clock)
];

return block([
   delay(clock, timing(clock, state, config), 0, reset),
   cond(shouldRestartAnimation, [restartAnimation()]
  //something else
])

I haven’t tested this, but it’s based on something that I have working in my app.