Categories: JavascriptJquery

Menambahkan delay pada fungsi each Jquery

Bismillaahirrohmaanirrohiim…

Berikut ini adalah kode javascript jquery agar iterasi each dapat menjalankan fungsi / perintah dengan delay waktu tertentu.

Di sini untuk menambakan delay kita akan menggunakan fungsi setTimeout, berikut contoh kodenya:

function someAction() {
    //fungsi ini dipanggil untuk klik setiap elemen dengan class some_class_selector
    var cfm = confirm("Konfirmasi?");
    if (cfm) {
        //disable button saat proses
        $("#some_button_id").attr('disabled','disabled');
        var jumceks = $('.some_class_selector').length;
        //delay 1 detik
        var timedelays = 1000;
        var noceks = 0;
        $('.some_class_selector').each(function(){

            //misalkan ingin klik pada ID class tersebut
            var bntids = $(this).attr('id');
            setTimeout( function(){
                noceks++;

                $('#'+bntids).click();

                if (noceks==jumceks) {
                    //enable button kembali selesai proses
                    $("#some_button_id").removeAttr('disabled');
                }
            }, timedelays);

            timedelays += 1000;

        });
    }
}

Penjelasan kode sudah disertakan pada script di atas.

Semoga bermanfaat.

Bagikan
rasupe

Recent Posts

CPU usage tinggi pada server

Bismillaahirrohmaanirrohiim... Untuk mendeteksi cpu usage tinggi memang perkara rumit, adakalanya karena codingan bermasalah, akses ke…

2 weeks ago

Membersihkan log mongodb yang besar

Bismillaahirrohmaanirrohiim... Jika tidak dirawat dan dicek berkala, log mongodb akan semakin membesar. Bahkan sampai menghabiskan…

4 weeks ago

Cara mengakses gps di HP dengan javascript

Bismillaahirrohmaanirrohiim... Jika kita membuat website yang digunakan untuk memantau lokasi HP client, maka kita memerlukan…

4 months ago

Menghitung jarak dua titik koordinat dengan php dan javascript

Bismillaahirrohmaanirrohiim... Kali ini kita akan mencoba menerapkan rumus trigonometeri dari formula haversine, yang digunakan untuk…

4 months ago

Kemasan cleo botol kecil sering bikin tangan terluka

Bismillaahirrohmaanirrohiim... Disini saya akan berbagi pengalaman tentang susahnya membuka tutup botol cleo kecil ukuran 220ml.…

4 months ago

Solusi InsCek pada meteran PLN

Bismillaahirrohmaanirrohiim... Kali ini saya akan berbagi pengalaman tentang mati lampu yang disebabkan oleh permasalahan arus…

4 months ago