Strona główna > Internet Explorer > IE 11 DEV–liczenie czasu wykonania kodu

IE 11 DEV–liczenie czasu wykonania kodu

Ten wpis będzie bardzo mocno powiązany z poprzednim, który znajdziemy pod tym adresem.

Bierzemy kod z poprzedniego artykułu:

<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>

        <script>

            function pokazWPetli() {
                var licznikOdwiedzin = {
                    "Drzwi": "Frontowe",
                    "Licznik": "0"
                };

                for (var i = 0; i < 10; i++) {

                    var znacznik = "Petla - przebieg " + (i + 1);
                    console.group(znacznik);

                    console.log("Poprzednia wartość licznika %d", licznikOdwiedzin.Licznik);

                    licznikOdwiedzin.Licznik++;
                    console.log("Nowa wartość licznika %d", licznikOdwiedzin.Licznik);

                    console.dir(licznikOdwiedzin);

                    console.groupEnd(znacznik);
                }

            }

        </script>

        <button onclick="pokazWPetli()">Drzwi frontowe</button>

    </body>
</html>

I wprowadzamy sobie zadanie – chcemy policzyć ile czasu wykonuje się funkcja. Do tego służy słowo kluczowe console.time które musi posiadać unikalną nazwę.

Poniżej prezentuję zmianę w kodzie z użyciem console.time:

<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>

        <script>

            function pokazWPetli() {

                console.time("CzasFunkcji");

                var licznikOdwiedzin = {
                    "Drzwi": "Frontowe",
                    "Licznik": "0"
                };

                for (var i = 0; i < 10; i++) {

                    var znacznik = "Petla - przebieg " + (i + 1);
                    console.group(znacznik);

                    console.log("Poprzednia wartość licznika %d", licznikOdwiedzin.Licznik);

                    licznikOdwiedzin.Licznik++;
                    console.log("Nowa wartość licznika %d", licznikOdwiedzin.Licznik);

                    console.dir(licznikOdwiedzin);

                    console.groupEnd(znacznik);
                }

                console.timeEnd("CzasFunkcji");
            }

        </script>

        <button onclick="pokazWPetli()">Drzwi frontowe</button>

    </body>
</html>

A wynik wygląda tak:

image

Jasno widać tutaj, że nazwa licznika pokazuje się wraz z czasem, który został policzony. Takich liczników możemy tworzyć wiele w kodzie aplikacji, a otwieranie ich i zamykanie zawsze następuje przez użycie unikalnej nazwy.

  1. Brak komentarzy.
  1. No trackbacks yet.

Skomentuj

Wprowadź swoje dane lub kliknij jedną z tych ikon, aby się zalogować:

Logo WordPress.com

Komentujesz korzystając z konta WordPress.com. Log Out / Zmień )

Zdjęcie z Twittera

Komentujesz korzystając z konta Twitter. Log Out / Zmień )

Facebook photo

Komentujesz korzystając z konta Facebook. Log Out / Zmień )

Google+ photo

Komentujesz korzystając z konta Google+. Log Out / Zmień )

Connecting to %s

%d blogerów lubi to: