User:Mike Dillon/NavFrame test

From Wikipedia, the free encyclopedia

You have new messages (last change).
<html>
<head>
<script>
function testFunction (n, f) {
    var start = new Date();
    for (var i = 0; i < n; i++) { f(); }
    return new Date().getTime() - start.getTime();
}

function compareAll (n, funcs) {
    var fns = new Array();
    var times = {};

    document.write("<ul>");
    for (var fn in funcs) {
        var f = funcs[fn];
        if (f) {
            var t = testFunction(n, f);
            fns.push(fn);
            times[fn] = t;
            document.write("<li>" + fn + " x " + n + ": " + t + " ms</li>");
        }
    }
    document.write("</ul>");

    fns.sort(function (a, b) { return times[b] - times[a]; });

    document.write("<table border=1>");
    document.write("<tr>");
    document.write("<th> </th>");
    document.write("<th>Rate</th>");
    for (var i in fns) {
        var fn = fns[i];
        document.write("<th>" + fn + "</th>");
    }
    document.write("</tr>");
    for (var i in fns) {
        var fn = fns[i];
        var ft = times[fn];

        document.write("<tr>");
        document.write("<th>" + fn + "</th>");
        document.write("<td>" + Math.round(n / (times[fn] / 1000)) + "/s</td>");

        for (var j in fns) {
            var fn2 = fns[j];

            var cmp;
            if (fn == fn2) {
                cmp = "--";
            } else {
                var ft2 = times[fn2];
                var diff = (ft2 - ft) / ft2;
                cmp = (diff > 0 ? "+" : "");
                cmp += Math.round(1000 * diff) / 10;
                cmp += "%";
            }

            document.write("<td>" + cmp + "</td>");
        }

        document.write("</tr>");
    }
    document.write("</table>");
}
</script>
</head>
<body>
<div id="test" class="a b c d e f g h i"/>

<script>

var hasClass1 = (function () {
    var reCache = {};
    function getRegex(className) {
        if (reCache[className]) return reCache[className];

        var re = new RegExp("(?:\\s|^)" + className + "(?:\\s|$)");
        reCache[className] = re;
        return re;
    }

    return function (element, className) {
        return getRegex(className).test(element.className);
    };
})();

function hasClass2 (element, className) {
    return new RegExp("(?:\\s|^)" + className + "(?:\\s|$)")
        .test(element.className);
}

function hasClass3 (element, className) {
  var Classes = element.className.split( " " );
  for ( var i = 0; i < Classes.length; i++ ) {
    if ( Classes[i] == className ) {
      return ( true );
    }
  }
  return ( false );
}

var hasClass4 = (function () {
    var reCache = {};
    return function (element, className) {
        var re = reCache[className];
        if (!re) {
            re = new RegExp("(?:\\s|^)" + className + "(?:\\s|$)");
            reCache[className] = re;
        }

        return re.test(element.className);
    };
})();

function hasClass5 (element, className) {
    return new RegExp("(\\s|^)" + className + "(\\s|$)")
        .test(element.className);
}

var test = document.getElementById("test");

compareAll(10000, {
    "re+cache": function () { hasClass1(test, "d") },
    "re+nocache": function () { hasClass2(test, "d") },
    "split": function () { hasClass3(test, "d") },
    "re+cache+onefunc": function () { hasClass4(test, "d") },
    "re+nocache+capture": function () { hasClass5(test, "d") },
    "re+literal": function () { /(?:^|\s)d(?:$|\s)/.test(test.className) },
});

</script>
</body>
</html>
Retrieved from "http://en.wikipedia.org../../../m/i/k/User%7EMike_Dillon_NavFrame_test_2230.html"