Lompat ke konten Lompat ke sidebar Lompat ke footer

Mengatur Waktu Menggunakan console.time DOM HTML

Method console.time() pada html digunakan untuk memulai timer pada console view. Method console.time() dapat digunakan untuk kalkulasi waktu dari program untuk berbagai tujuan percobaan. Label yang dikirim oleh method akan dikirim sebagai parameter method console.time().


Sebelum memahami lebih dalam materi tentang Mengatur Waktu Menggunakan console.time DOM HTML, terlebih dahulu pelajari materi tentang: Menulis Data Tabel Menggunakan console.table HTML DOM, Membuat Pesan Konsol Menggunakan console.log DOM HTML, dan Menulis Pesan Menggunakan console.info DOM HTML.

Sintak: console.time( label )

Parameter: method ini menerima label parameter tunggal yang sifatnya opsional dan digunakan untuk menentukan label dari timer.

Berikut adalah ilustrasi method console.time() pada html.

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Method console.time() DOM pada HTML

</title>

 

<style>

h1 

{

color: green;}

 

h2 

{

font-family: Impact;}

 

body 

{

text-align: center;}

</style>

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Method console.time() DOM

</h2>

 

<p>

Untuk melihat pesan pada console,

tekan F12 pada keyboard.

</p>

 

<p>

Untuk melihat waktu pada waktu loop, 

double klik pada tombol berikut:

</p>

 

<br>

 

<button ondblclick="table_time()">

RUN TIMER

</button>

 

<script>

function table_time() 

{

 

console.time();

for (i = 0; i < 100; i++

{

// Random code

}

 

console.timeEnd();

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Method console.time() DOM

Untuk melihat pesan pada console, tekan F12 pada keyboard.

Untuk melihat waktu pada waktu loop, double klik pada tombol berikut:




Contoh: kalkulasi waktu ketika looping menggunakan method console.time().

<!DOCTYPE html>

<html>

 

<head>

<title>

Method console.time() DOM pada HTML

</title>

 

<style>

h1 

{

color: green;}

 

h2 

{

font-family: Impact;}

 

body 

{

text-align: center;}

</style>

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Method console.time() DOM

</h2>

 

<p>

Untuk melihat pesan pada console,

tekan F12 pada keyboard.

</p>

 

<p>

Untuk melihat waktu pada saat loop,

double klik pada tombol berikut:

</p>

 

<br>

 

<button ondblclick="table_time()">

RUN TIMER

</button>

 

<script>

function table_time() 

{

i = 0;

 

console.time

("Looping 100 kali");

 

while (i < 100

{

i++;

}

 

console.timeEnd

("Looping 100 kali");

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Method console.time() DOM

Untuk melihat pesan pada console, tekan F12 pada keyboard.

Untuk melihat waktu pada saat loop, double klik pada tombol berikut:



Artikel ini didedikasikan kepada: Rifka Annisa, Rikco Fergi Laksono, Rosita, Sheila Safriliani Solichatus Gusniar, dan Silviana Salma Premitha.

6 komentar untuk "Mengatur Waktu Menggunakan console.time DOM HTML"

  1. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method console.time() pada dom html?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser populer yang dapat digunakan untuk mengaktifkan method console.time() pada dom html:
      1. Google Chrome
      2. Internet Explorer 11.0
      3. Firefox 10.0
      4. Opera
      5. Safari 4.0

      Hapus
  2. Apa fungsi method console.time() pada dom html?

    BalasHapus
    Balasan
    1. Method console.time() pada html digunakan untuk memulai tampilan timer pada console. Method ini memungkinkan pengguna untuk mengatur waktu operasi tertentu dalam kode program untuk tujuan pengujian tertentu.

      Hapus
  3. Bagaimana cara untuk mengakhiri operasi dari method console.time() pada console?

    BalasHapus
    Balasan
    1. Untuk mengakhiri method console.time() dapat digunakan method console.timeEnd() dan hasilnya akan ditampilkan pada console.

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -