fungsi wait () atau sleep () di jquery?

Saya ingin menambah kelas, tunggu 2 detik dan tambahkan kelas lain.

.addClass("load").wait(2sec).addClass("done");

Apakah ada cara

setTimeout akan mengeksekusi beberapa kode setelah penundaan beberapa periode waktu (diukur dalam milidetik). Namun, catatan penting: karena sifat javascript, kode lainnya terus berjalan setelah pengatur waktu diatur:

$('#someid').addClass("load");

setTimeout(function(){
  $('#someid').addClass("done");
}, 2000);

// Any code here will execute immediately after the 'load' class is added to the element.

Itu akan menjadi .delay().

http://api.jquery.com/delay/

Jika Anda melakukan hal-hal AJAX, Anda seharusnya tidak langsung menulis "selesai" secara otomatis, Anda harus benar-benar menunggu tanggapan dan melihat apakah itu benar-benar selesai.

delay () tidak akan melakukan pekerjaan itu. Masalah dengan delay () adalah itu bagian dari sistem animasi, dan hanya berlaku untuk antrian animasi.

Bagaimana jika Anda ingin menunggu sebelum menjalankan sesuatu di luar animasi ??

Gunakan ini:

window.setTimeout(function(){
                 // do whatever you want to do     
                  }, 600);

Apa yang terjadi ?: Dalam skenario ini menunggu 600 milidetik sebelum menjalankan kode yang ditentukan dalam kurung kurawal.

Ini sangat membantu saya setelah saya mengetahuinya dan berharap ini akan membantu Anda juga!

PEMBERITAHUAN PENTING: 'window.setTimeout' terjadi secara asinkron. Ingatlah hal itu saat menulis kode Anda!

Sadarilah bahwa ini adalah pertanyaan lama, tetapi saya menulis plugin untuk mengatasi masalah ini yang mungkin berguna bagi seseorang.

https://github.com/madbook/jquery.wait

memungkinkan Anda melakukan ini:

$('#myElement').addClass('load').wait(2000).addClass('done');

Ada sebuah fungsi, tapi ini ekstra: http://docs.jquery.com/Cookbook/wait

Cuplikan kecil ini memungkinkan Anda menunggu:

$.fn.wait = function(time, type) {
    time = time || 1000;
    type = type || "fx";
    return this.queue(type, function() {
        var self = this;
        setTimeout(function() {
            $(self).dequeue();
        }, time);
    });
};

Anda dapat menggunakan .delay()fungsinya.
Inilah yang Anda kejar:

.addClass("load").delay(2000).addClass("done");

Plugin xml4jQuery memberikan metode sleep (ms, callback). Rantai yang tersisa akan dieksekusi setelah periode tidur.

$(".toFill").html("Click here")
                .$on('click')
                .html('Loading...')
                .sleep(1000)
                .html( 'done')
                .toggleClass('clickable')
                .prepend('Still clickable <hr/>');

.toFill{border: dashed 2px palegreen; border-radius: 1em; display: inline-block;padding: 1em;}
        .clickable{ cursor: pointer; border-color: blue;}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
   <script type="text/javascript" src="https://cdn.xml4jquery.com/ajax/libs/xml4jquery/1.1.2/xml4jquery.js"></script>
        <div class="toFill clickable"></div>

Menggunakan fungsi setTimeout, misalnya Kunjungi di sini misalnya