requestAnimationFrame()请求动画帧的兼容IE9及以下写法

最新推荐文章于 2024-06-21 08:42:30 发布

haha有仙女

最新推荐文章于 2024-06-21 08:42:30 发布

阅读量4.2k

点赞数

分类专栏： h5 文章标签： h5 js兼容

本文链接：https://blog.csdn.net/yiting123456789/article/details/77654232

版权

h5 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

兼容性

IE9及以下

与setTimeout()对比

不需要设置时间间隔，会贴合浏览器的刷新频率。
在切到另外的页面时，会停止运动。（sertTimeout还会运行，但速度变慢）

<head>
    <meta charset="UTF-8">
    <meta name="Author" content="FengYu">
    <title>1</title>
</head>
<script>
var num = 1,
        timer;

    fn();

   function fn() {

        document.title = ++num;
        timer  = requestAnimationFrame(fn)
   }

    document.onclick = function () {
        cancelAnimationFrame(timer)
    }
    /*function fn() {
        document.title = ++num;
        setTimeout(fn)
    }*/
</script>

requestAnimationFrame()请求动画帧的兼容写法

<script>
window.requestAnimationFrame = window.requestAnimationFrame||function (fn) {return setTimeout(fn,1000/60)}
    window.cancelAnimationFrame = window.cancelAnimationFrame ||clearTimeout;
</script>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

haha有仙女

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
requestAnimationFrame()请求动画帧的兼容IE9及以下写法

兼容性IE9及以下与setTimeout()对比不需要设置时间间隔，会贴合浏览器的刷新频率。在切到另外的页面时，会停止运动。（sertTimeout还会运行，但速度变慢）<head> <meta charset="UTF-8"> <meta name="Author" content="FengYu"> <title>1</title></head><script>
复制链接

扫一扫