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

Cara mengakses gmail dengan php imap

Bismillaahirrohmaanirrohiim... Saat ini teknologi sudah berkembang cepat, ada kalanya kita ingin diberikan informasi secara cepat…

4 months ago

Error posible dead lock pada cyberpanel litespeed mysql

Bismillaahirrohmaanirrohiim... Jika web diakses oleh banyak orang, khususnya yang berbasis wordpress, maka secara normal proses…

5 months ago

Aplikasi Sistem Monitoring Sekolah berbasis WEB

Bismillaahirrohmaanirrohiim... Saat ini, sekolah baik SD, SMP, ataupun SMA tentunya ingin dapat melihat dan memonitor…

5 months ago

Membuat program pendataan pilkada DPRD tingkat 2

Bismillaahirrohmaanirrohiim... Pada artikel kali ini saya akan berbagi informasi tentang program pendataan pendukung calon legislatif…

5 months ago

Cara Screenshot di Chrome full halaman

Bismillaahirrohmaanirrohiim... Saat kita melakukan screenshot di browser chrome, pada windows 11 menyediakan fungsi yang bagus…

6 months ago

Menonaktifkan fitur translate di website

Bismillaahirrohmaanirrohiim... Untuk website yang ingin tidak muncul popup translate dari browser, bisa dicoba kode di…

8 months ago