JAVASCRIPT

Contoh Program Javascript Sederhana setTimeout


Hai selamat datang, di artikel ini saya akan membuat sebuah program dengan bahasa pemrograman javascript setTimeout apa itu? mudah saja saya jelaskan fungsi pada setTimeout, setTimeout ini pada javascript akan memberikan sebuah waktu pada program. maksud nya bagaimana? jadi ketika kamu buat sebuah program pada javascript dengan fungsi alert namun ingin muncul setelah 3 detik maka fungsi setTimeout ini lah yang tepat.


Cara buat nya bagaimana? seperti biasa kamu buat dulu sebuah file HTML nya dengan nama index.html

<!doctype html>
   <html lang="en">
  <head>
    <title>SetTimeout Javascript</title>
  </head>   
    
  <body>         
      <br>
      <br>
      <br>
      <!--Buat sebuah tombol -->
      <center><button type="button">Tekan</button></center>
          
      <script src="script.js"></script>
  </body>
</html>

Nah setelah itu buat file javascript nya dengan nama script.js

//buat variabel
let btn = document.getElementsByTagName('button')[0];

//ketika tombol di klik
btn.addEventListener('click', function(){
   //buat sebuah waktu (SetTimeout)
    setTimeout(function(){
        //buat sebuah peringatan
        alert('Hai saya javascript!');
        //buat kemunculan peringatan ketika sudah 3 detik
    },3000)
});

Program yang saya buat bisa di lihat di sini. semoga bermanfaat :D