使用Chrome Timeline来完善页面性能

        var x = parseFloat($('#circle-' + i).attr('data-x'));  

        var y = parseFloat($('#circle-' + i).attr('data-y'));  

        var d = parseFloat($('#circle-' + i).attr('data-d'));  

        var v = parseFloat($('#circle-' + i).attr('data-v'));  

        var vx = v * Math.cos(d);  

        var vy = v * Math.sin(d);  

        if (Math.abs(vx) < 1e-9) vx = 0;  

        // 速度分量改变  

        vx += F * Math.cos(d);  

        vy += F * Math.sin(d) + G;  

        // 计算新速度  

        v = Math.sqrt(vx * vx + vy * vy);  

        if (vy > 0) d = Math.acos(vx / v);  

        else d = -Math.acos(vx / v);  

        // 位移分量改变  

        x += vx;  

        y += vy;  

        $('#circle-' + i).attr('data-x', x);  

        $('#circle-' + i).attr('data-y', y);  

        $('#circle-' + i).attr('data-d', d);  

        $('#circle-' + i).attr('data-v', v);  

        $('#circle-' + i).css({'top': 400 - y, 'left': x});  

    }  

}  

var interval = null;  

function showAnimation() {  

    if (interval) clearInterval(interval);  

    $('.main').html('');  

    init();  

    interval = setInterval(updateCircle, 1000 / 60);  

}  

（编辑：PHP编程网 - 黄冈站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!