Mengatur Waktu Menggunakan console.time DOM HTML
 |
| Ilustrasi Method console.time() DOM HTML |
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.
<!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:
<!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:
- Cara Penggunaan Method addEventListener() pada DOM HTML [klik]
- Cara Mudah Menggunakan Method adoptNode() DOM pada HTML [klik]
- 3 Method Utama Anchors Collection DOM pada HTML [klik]
- 4 Method Utama Applets Collection DOM pada HTML [klik]
- Cara Menggunakan Properti baseURI DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti Body DOM pada HTML [klik]
- 2 Contoh Penggunaan Method close() DOM pada HTML [klik]
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method console.time() pada dom html?
BalasHapusBerikut adalah beberapa jenis browser populer yang dapat digunakan untuk mengaktifkan method console.time() pada dom html:
Hapus1. Google Chrome
2. Internet Explorer 11.0
3. Firefox 10.0
4. Opera
5. Safari 4.0
Apa fungsi method console.time() pada dom html?
BalasHapusMethod 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.
HapusBagaimana cara untuk mengakhiri operasi dari method console.time() pada console?
BalasHapusUntuk mengakhiri method console.time() dapat digunakan method console.timeEnd() dan hasilnya akan ditampilkan pada console.
Hapus