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

Teks panjang jadi titik-titik dengan css

Bismillaahirrohmaanirrohiim... Saat kita membuat kotak dengan lebar dan tinggi tertentu, tentunya teks didalamnya harus kita…

3 weeks ago

Bekerja dengan clearfix di css untuk posisi gambar dan teks dalam kotak

Bismillaahirrohmaanirrohiim... Clearfix pada css biasanya digunakan untuk menangani posisi elemen saat menggunakan float, dimana float…

3 weeks ago

Fix npx atau npm tidak jalan di windows

Bismillaahirrohmaanirrohiim... Setelah menginstall node.js dan ingin menggunakan perintah npx atau npm di power shell atau…

4 weeks ago

CPU usage tinggi pada server

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

3 months ago

Membersihkan log mongodb yang besar

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

3 months ago

Cara mengakses gps di HP dengan javascript

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

6 months ago