Membuat auto close alert bootstrap dengan javascript

Membuat auto close alert bootstrap dengan javascript

 Juniawan89  8:54 AM

Hei,,,hei..

Seperti yang sudah dijelaskan cara membuat alert menggunakan bootstrap pada post yang lalu, kali ini admin mau post bagaimana cara untuk menutup otomatis alert bootstrap dengan javascript.

Berikut kodingnya :

<div class="alert alert-success" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button> <strong>Success!</strong> Your item has been placed. </div>

<script> window.setTimeout(function() { $(".alert-success").fadeTo(500, 0).slideUp(500, function(){ $(this).remove(); }); }, 3000); </script>

Perlu diingat, tulisan warna merah harus sama ya... dan yang hijau bisa diatur sesuai selera..
Sekian dulu