dntzhang
diff --git a/‎.gitattributes
-22 b/‎.gitattributes
-22
diff --git a/‎.gitignore
-43 b/‎.gitignore
-43
diff --git a/‎index.html
+28 b/‎index.html
+28
diff --git a/‎package.json
+27 b/‎package.json
+27
diff --git a/‎raf-interval.js
+48 b/‎raf-interval.js
+48
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="UTF-8">
+    <title>raf-interval</title>
+</head>
+<body>
+    <script src="raf-interval.js"></script>
+    <script>
+        var i = 0
+        var rafInterval = setRafInterval(function() {
+            console.log(i++)
+            if (i > 6) {
+                clearRafInterval(rafInterval)
+            }
+        },1000)
+
+        var j = 0
+        var interval = setInterval(function() {
+            console.log(j++)
+            if (j > 6) {
+                clearInterval(interval)
+            }
+        },1000)
+
+    </script>
+</body>
+</html>
@@ -0,0 +1,27 @@
+{
+  "name": "raf-interval",
+  "version": "0.1.0",
+  "description": "setRafInterval and clearRafInterval with requestAnimationFrame.",
+  "scripts": {
+  },
+  "dependencies": {
+  },
+  "devDependencies": {
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/AlloyTeam/raf-interval.git"
+  },
+  "keywords": [
+    "pasition",
+    "path",
+	"svg",
+	"canvas"
+  ],
+  "author": "dntzhang",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/AlloyTeam/raf-interval/issues/new"
+  },
+  "homepage": "http://alloyteam.github.io/raf-interval"
+}
@@ -0,0 +1,48 @@
+/**
+ * Created by dntzhang on 2017/7/13.
+ */
+
+;(function() {
+
+    var queue = [],
+        id = -1,
+        ticking = false,
+        tickId = null
+
+    window.setRafInterval = function (fn, interval) {
+        id++
+        queue.push({id: id, fn: fn, interval: interval, lastTime: new Date()})
+        if (!ticking) {
+            var tick = function () {
+                tickId = requestAnimationFrame(tick)
+                queue.forEach(function (item) {
+                    if (item.interval < 17 || new Date - item.lastTime >= item.interval) {
+                        item.fn()
+                        item.lastTime = new Date()
+                    }
+                })
+            }
+            ticking = true
+            tick()
+        }
+        return id
+    }
+
+    window.clearRafInterval = function (id) {
+        var i = 0,
+            len = queue.length
+
+
+        for (; i < len; i++) {
+            if (id === queue[i].id) {
+                queue.splice(i, 1)
+                break
+            }
+        }
+
+        if (queue.length === 0) {
+            cancelAnimationFrame(tickId)
+            ticking = false
+        }
+    }
+})();