使用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); }
(编辑:ASP站长) 【免责声明】本站内容转载自互联网,其相关言论仅代表作者个人观点绝非权威,不代表本站立场。如您发现内容存在版权问题,请提交相关链接至邮箱:bqsm@foxmail.com,我们将及时予以处理。 |
-
无相关信息