加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 教程 > 正文

行使Chrome Timeline来完美页面机能

发布时间:2021-05-24 06:00:48 所属栏目:教程 来源:互联网
导读:嗯没错就是它。下面一一先容一下吧。地区 1 是一个缩略图,可以看到除了时刻轴以外被上下分成了四块,别离代表 FPS、CPU 时刻、收集通讯时刻、仓库占用;这个缩略

        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);  

}  

行使Chrome Timeline来完美页面机能

(编辑:湖南网)

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

热点阅读