Mengenal Fungsi Stop() pada jQuery

Perasaan itu tidak sesederhana satu tambah satu sama dengan dua. Bahkan ketika perasaan itu sudah jelas bagai bintang di langit, gemerlap indah tak terkira, tetap saja dia bukan rumus matematika. Perasaan adalah perasaan. Oke pada kesempatan kali ini saya akan memberitahukan kepada kalian tentang Mengenal Fungsi Stop() pada jQuery.

jQuery stop() berfungsi untuk memberhentikan proses fungsi lain yang sedang berjalan, contoh nya pada fungsi animated.
Fungsi stop() mempunyai struktur sebagai berikut:

Oke langsung saja, berikut contoh dari Mengenal Fungsi Stop() pada jQuery.

Seperti biasa, siapkan file index.html nya.

Kemudian, kita hubungkan terlebih dahulu file HTML kita dengan library jQuery nya.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

Dan setelah itu, isi untuk bagian <body> tag-tag HTML berikut.

<button id="stop">Stop sliding</button>

<div id="flip">Click to slide down panel</div>
<div id="panel">Hello world!</div>

Lalu isi untuk bagian CSS nya.

#panel, #flip {
    padding: 5px;
    font-size: 18px;
    text-align: center;
    background-color: #555;
    color: white;
    border: solid 1px #666;
    border-radius: 3px;
}

#panel {
    padding: 50px;
    display: none;
}

Dan yang terakhir, isi untuk bagian Javascript nya.

<script>
$(document).ready(function(){
    $("#flip").click(function(){
        $("#panel").slideDown(5000);
    });
    $("#stop").click(function(){
        $("#panel").stop();
    });
});
</script>

Bagaimana teman-teman? Cukup mudah bukan?

Sekian untuk tutorial kali ini tentang Mengenal Fungsi Stop() pada jQuery.

Semoga bermanfaat, terima kasih.

Kategori