setRafInterval and clearRafInterval with requestAnimationFrame - 40行代码实现的高性能动画定时器
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
index.html
package.json
raf-interval.js
readme.md

readme.md

raf-interval

setRafInterval and clearRafInterval with requestAnimationFrame.

Usage

before raf-interval:

var i = 0
var interval = setInterval(function() {
    console.log(i++)
    if (i > 6) {
        clearInterval(interval)
    }
},1000)

after raf-interval:

var i = 0
var rafInterval = setRafInterval(function() {
    console.log(i++)
    if (i > 6) {
        clearRafInterval(rafInterval)
    }
},1000)

Features

  • Support setRafInterval and clearRafInterval like setInterval and clearInterval
  • Automatically stops when the user switches to a different tab
  • High performance animation with simple API
  • Automatic stop the loop when it is not needed

Install

$ npm install raf-interval

or get it by CDN:

License

This content is released under the MIT License.