{"id":112,"date":"2016-05-17T17:13:57","date_gmt":"2016-05-17T09:13:57","guid":{"rendered":"http:\/\/loveuhouse.cn\/wordpress\/?p=112"},"modified":"2016-05-17T17:13:57","modified_gmt":"2016-05-17T09:13:57","slug":"%e5%85%b3%e4%ba%8e%e5%be%ae%e4%bf%a1%e4%b8%8a%e4%bd%bf%e7%94%a8-requestanimationframe","status":"publish","type":"post","link":"https:\/\/loveuhouse.cn\/wordpress\/?p=112","title":{"rendered":"\u5173\u4e8e\u5fae\u4fe1\u4e0a\u4f7f\u7528 requestAnimationFrame"},"content":{"rendered":"<p>2016-5-17 17:13:35-<\/p>\n<p>\u5728\u6d4f\u89c8\u5668\u6d41\u7545\u8fd0\u884c\u7684\u4ee3\u7801\uff0c\u5728\u5fae\u4fe1\u6253\u5f00\u7adf\u7136\u5361\u5230\u7206\u70b8\uff0c\u5341\u5206\u4e0d\u6d41\u7545<\/p>\n<p>\u5373\u4f7f\u5df2\u7ecf\u5c01\u88c5\u597d\u4e86<\/p>\n<pre class=\"lang:default decode:true\">(function() {\n\t    var lastTime = 0;\n\t    var vendors = ['webkit', 'moz'];\n\t    for(var x = 0; x &lt; vendors.length &amp;&amp; !window.requestAnimationFrame; ++x) {\n\t        window.requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame'];\n\t        window.cancelAnimationFrame = window[vendors[x] + 'CancelAnimationFrame'] ||    \/\/ Webkit\u4e2d\u6b64\u53d6\u6d88\u65b9\u6cd5\u7684\u540d\u5b57\u53d8\u4e86\n\t                                      window[vendors[x] + 'CancelRequestAnimationFrame'];\n\t    }\n\n\t    if (!window.requestAnimationFrame) {\n\t        window.requestAnimationFrame = function(callback, element) {\n\t            var currTime = new Date().getTime();\n\t            var timeToCall = Math.max(0, 16.7 - (currTime - lastTime));\n\t            var id = window.setTimeout(function() {\n\t                callback(currTime + timeToCall);\n\t            }, timeToCall);\n\t            lastTime = currTime + timeToCall;\n\t            return id;\n\t        };\n\t    }\n\t    if (!window.cancelAnimationFrame) {\n\t        window.cancelAnimationFrame = function(id) {\n\t            clearTimeout(id);\n\t        };\n\t    }\n\t}());<\/pre>\n<p>\u51fa\u73b0\u8be5\u95ee\u9898\u7684\u4ee3\u7801\uff0c\u6301\u7eed\u627e\u539f\u56e0ing<\/p>\n<pre class=\"lang:default decode:true\">\/*\n*\/\n$(\"#start\").click(function() {\n\t\t\n\t\t var start = 0, during = 100;\n\t\tvar _run = function() {\n\t\t\tstart++;\n\t\t\tvar the_top = Tween.Quad.easeOut(start, ball.x , -600, during);\n\t        $(\"#ball1\").css({\"top\":the_top});\n\t        \n\t        if(start &lt; during)requestAnimationFrame(_run);\n\t    };\n\t    _run();\n\t})<\/pre>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>2016-5-17 17:13:35- \u5728\u6d4f\u89c8\u5668\u6d41\u7545\u8fd0\u884c\u7684\u4ee3\u7801\uff0c\u5728\u5fae\u4fe1\u6253\u5f00\u7adf\u7136\u5361\u5230\u7206\u70b8\uff0c\u5341\u5206\u4e0d\u6d41\u7545 \u5373\u4f7f\u5df2\u7ecf\u5c01 &hellip; <a href=\"https:\/\/loveuhouse.cn\/wordpress\/?p=112\" class=\"more-link\">\u7ee7\u7eed\u9605\u8bfb<span class=\"screen-reader-text\">\u5173\u4e8e\u5fae\u4fe1\u4e0a\u4f7f\u7528 requestAnimationFrame<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2],"tags":[],"_links":{"self":[{"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/112"}],"collection":[{"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=112"}],"version-history":[{"count":1,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/112\/revisions"}],"predecessor-version":[{"id":113,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/112\/revisions\/113"}],"wp:attachment":[{"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=112"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=112"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}