九门宁生

导航

节点操作案例8-效率测试

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>效率测试</title>
    
</head>
<body>
    
</body>

<script>
    function fn() {
        var d1 = +new Date();
        
        for ( var i = 0; i < 1000; i++ ) {
            var div = document.createElement('div');
            div.style.width = '100px';
            div.style.height = '2px';
            div.style.border = '1px solid red';
            document.body.appendChild( div );
        }
        var d2 = +new Date();
        console.log( d2 - d1 );
    }
    fn();
</script>

</html>

 

posted on 2019-08-26 14:34  九门宁生  阅读(186)  评论(0编辑  收藏  举报