Javascript dasar: timing events pada javascript

-

Javascript dasar: timing events pada javascript



Pada kesempatan kali ini saya akan menjelaskan cara membuat timing events di JavaScript. Perlu teman-teman ketahui sebelumnya, timing events adalah jendela objek yang memungkinkan teman-teman untuk dapat mengeksekusi kode JavaScript pada interval waktu tertentu. Interval waktu tersebut disebut sebagai timing, dari timing tersebut bisa menggunakan 2 method JavaScript berikut diantaranya :

1. Method setTimeout()

Method setTimeout() adalah method yang digunakan untuk menjalankan kode atau sebuah fungsi JavaScript yang dapat menunggu dalam hitungan satuan milidetik tertentu.

Pada methode tersebut saya contohkan membuat alert() atau pesan box yang isi pesannya diambil dari variable Array dan akan ditampilkan secara bergantian sesuai dengan urutan Array dan waktu Interval nya.

Berikut Kodenya
index.htmlXHTML
<!DOCTYPE html>
<html>
<body>
<title>Membuat Timing Events dengan setInterval</title>
<script>
var warning = ['Jangan Lupa Mandi Yah !', 'Jangan Lupa Makan Yah !', 'Jangan Lupa Shallat Yah !', 'Jangan Lupa Pikirin Aku Yah !'];
function myWarning(ok) {
          for(var i=0;i<warning.length;i++) {
              setTimeout(alert(warning[i]), 1000);
          }
}
myWarning(warning);
</script>

</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
<body>
<title>Membuat Timing Events dengan setInterval</title>
<script>
var warning = ['Jangan Lupa Mandi Yah !', 'Jangan Lupa Makan Yah !', 'Jangan Lupa Shallat Yah !', 'Jangan Lupa Pikirin Aku Yah !'];
function myWarning(ok) {
          for(var i=0;i<warning.length;i++) {
              setTimeout(alert(warning[i]), 1000);
          }
}
myWarning(warning);
</script>
 
</body>
</html>
Note : Seperti yang terlihat pada kode tersebut, dimana method setTimeout(); akan dijalankan otomatis dalam waktu interval 1000 milidetik untuk menampilkan pesan alert(); yang isinya diambil dari Array

1. Method setInterval()

Method setInterval() adalah method yang digunakan untuk menjalankan kode atau sebuah fungsi JavaScript yang dapat menunggu dalam hitungan satuan milidetik tertentu yang dijalankan secara berulang-ulang kali sesuai dengan hitungan satuan milidetik tersebut.

Pada methode tersebut saya contohkan membuat alert() atau pesan box yang isi pesannya diambil dari variable Array dan akan ditampilkan secara bergantian sesuai dengan urutan Array dan waktu Interval nya.

Berikut Kodenya
index.htmlXHTML
<!DOCTYPE html>
<html>
<body>
<title>Membuat Timing Events dengan setInterval</title>
<script>
function myWarning() {    
 setInterval(function(){ alert('Jangan Lupa Mandi Yah !'); }, 3000);      
}
myWarning();
</script>

</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
<body>
<title>Membuat Timing Events dengan setInterval</title>
<script>
function myWarning() {    
 setInterval(function(){ alert('Jangan Lupa Mandi Yah !'); }, 3000);      
}
myWarning();
</script>
 
</body>
</html>
Note : Seperti yang terlihat pada kode tersebut, dimana method setInterval(); akan dijalankan otomatis dalam waktu interval 3000 milidetik untuk menampilkan pesan alert(); secara berulang-ulang kali.

Sampai disini penjelasan saya mengenai cara membuat timing events di JavaScript. Untuk penggunaan yang lebih luas bisa teman-teman kembangkan lagi sesuai dengan kebutuhan teman-teman, semoga bermanfaat.

Komentar

Posting Komentar

Postingan populer dari blog ini

ethical hacking part 14 membuat malware Trojan

-
Gambar
ethical hacking part 14 membuat malware Trojan Di tutorial Kali ini Kita akan belajar membuat virus Trojan , apa itu Trojan ,Trojan ini adalah sebuah malicious software (malware) Yang merupakan file exe Yang berbahaya Yang dimana didalam file exe tersebut Kita memasukan payloads Yang Kita gunakan untuk memperoleh akses pada target mesin Untuk menggunakan Trojan ini Kita harus memasukan sendiri Trojan kedalam target mesin ,caranya bisa saja Kita gunakan USB,kirim melalui email apapun caranya Yang penting Trojan ini bisa masuk kedalam target  mesin Dan user dari target mesin nya harus menjalankan Trojan tersebut ,Cara nya bisa saja Kita masukan Trojan nya kedalam sebuah program Dan ketika user mendownload,menginstall Dan menjalan program tersebut Trojan nya akan memberi Kita akses ataupun Kita sisipkan kedalam sebuah gambar (image) Dan ketika usernya membuka gambarnya maka Kita Akan memperoleh akses ,membutuhkan skill sosial engineering tinggi untuk melakukan exploit i...
Baca selengkapnya

CSS layouting - box model: CSS reset

-
Gambar
CSS layouting -  box model: CSS reset Ketika kalian membuat sebuah box itu terkadang terdapat ruang kosong di sisi Kiri element nya ,padahal Kita belum tidak atau belum menambahkan style padding/margin . Supaya Kita dapat kendali penuh untuk styling element nya itu Kita gunakan yang namanya CSS reset. Metode CSS reset sederhana * { padding:0; margin:0; } Atau jika ingin lebih komplek bisa search di browser CSS reset nanti akan banyak CSS reset yang sudah dibuat oleh orang lain Dan Kita tinggal copy Dan paste .
Baca selengkapnya

ethical hacking part 3 reconnaissance & information gethering

-
Gambar
  ethical hacking part 3 reconnaissance &    information gethering Saya sudah sampaikan tentang reconnaissance Dan information gethering ini sebelum nya Dan sekarang Kita akan mempraktekan nya Ada 2 Cara untuk melakukan information gethering ini Yang ke satu active information gethering Dan Yang kedua passive information gethering Active information gethering ini adalah Kita mengumpulkan informasi dengan Cara berinteraksi langsung dengan si target. Passive information gethering ini adalah Kita mengumpulkan informasi tentang si target dengan melalui pihak ketiga atau melalui middle source  misal nya Kita browser di internet dengan Google untuk mencari informasi tentang si target. Apapun Cara nya tujuan nya Sama yaitu mencari informasi tentang target Tools tools Yang bisa Kita pakai untuk melakukan information gethering ini ada banyak yaitu ping,whois,nslookup,whatweb,theHarvester, Hunter.io Dan Sherlock. Kita akan mulai dengan melakukan active...
Baca selengkapnya