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

eBook: menjadi kaya dimasa kini dan masa depan

Bismillahirrohmaanirrohiim... Ebook ini menghadirkan wawasan mendalam mengenai pergeseran kekayaan dari uang, aset, tanah, dan bahan…

6 days ago

Tombol back tutup modal bootstrap tanpa kembali ke halaman sebelumnya

Bismillaahirrohmaanirrohiim... Jika kita membuat aplikasi web base menggunakan bootstrap, saat user membuka modal, kadangkala mereka…

1 week ago

Kode css yang berguna

Bismillaahirrohmaanirrohiim... Berikut ini kumpulan css yang berguna, untuk mengingat saja. Input atau button delay saat…

2 weeks ago

Grouping warna pada tabel dengan PHP

Bismillaahirrohmaanirrohiim... Berikut ini cara grouping warna baris pada tabel dengan PHP, dimana jika ada kode…

3 weeks ago

CMS Website Desain Interior – PHP MySQL

CMS (Content Management System) Web untuk Desain Interior adalah solusi lengkap untuk mempresentasikan bisnis desain…

1 month ago

Source code Template website sekolah dengan react js

Bismillaahirrohmaanirrohiim... Berikut ini source code yang dapat dimodifikasi untuk membuat front end website sekolah dengan…

2 months ago