css-reset perfomance test

<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" class="xxx">
<head>

    <title>css-reset perfomance test</title>

    <meta http-equiv="X-UA-Compatible" content="IE=7" />

    <script type="text/javascript"><!--
        window.onload= document.onkeypress= function(){
            var body = document.getElementsByTagName('body')[0]
            var klass = body.className
            body.className += " r" + Math.random()
            body.style.display = "none"
            document.title = body.offsetWidth + 'x' + body.offsetHeight;
            var start = ( new Date ).getTime();
            body.style.display = "";
            body.className = klass;
            document.title = body.offsetWidth + 'x' + body.offsetHeight;
            var finish = ( new Date ).getTime();
            alert( finish - start + "ms" );
        }
    --></script>

    <script type="text/javascript"><!--
        var accum= [ '<style>' ]
        switch( Number( location.search.substring(1) ) ){
        case 1:
            for( var i= 0; i < 1000; ++i ) accum.push( '.test' + i + ' {color:blue;margin:0;padding:0}' )
            break;
        case 2:
            accum.push( 'html, body, address, blockquote, h1, h2, h3, h4, h5, h6, fieldset, p, ol, ul, span, div {margin:0;padding:0}' )
            for( var i= 0; i < 1000; ++i ) accum.push( '.test' + i + ' {color:green;margin:0;padding:0}' )
            break;
        }
        accum.push( '</style>' )
        document.write( accum.join('\n') )
    --></script>

</head><body>

    <script type="text/javascript"><!--
        var accum= []
        for( var j= 0; j < 20; ++j ) for( var i= 0; i < 500; ++i ){
            accum.push( '<span class="test' + i + '">' + i + '</span>' )
        }
        document.write( accum.join(' ') )
    --></script>

</body>
</html>