exam

使用requestAnimationFrame实现一个持续动画

by caoshengxiang

HTML

<div id="test">test</div>

JavaScript

var start = null;
    var element = document.getElementById('test');
    element.style.position = 'absolute';

    function step(timestamp) {
        if (element.offsetLeft > 200) {
            element.style.left = 0 + 'px';
        }

        element.style.left = (element.offsetLeft + 1) + 'px';

        window.requestAnimationFrame(step);
    }

    window.requestAnimationFrame(step);