rwu823 / raf-pause

🕐Set timeout in requestAnimationFrame

Installation

$ npm i raf-pause

or

$ yard add raf-pause

API

start()

Start the timer.

clean()

Clean the timer.

Recipes

import rafPause from 'raf-pause'

const run = rafPause(() => {
  // do something
}, 500)
run.start()


const runAndLoop = rafPause(() => {
  // do something in loop
  runAndLoop.start()
}, 500)

runAndLoop.start()

In React

import rafPause from 'raf-pause'

componentDidMount() {
  this.countDown.start()
}

componentWillUnMount() {
  this.countDown.clean()
}

countDown = rafPause(() => {
  this.setState({
    ...
  }, this.countDown)
}, 1000)

Fallback

It'll fallback to setTimeout if browsers don't support requestAnimationFrame