Animation: Verzögerung zwischen Fade-Elementen

Question

Ich benutze Animisation, um Animationen auf der Website zu machen. Ich möchte Elemente in verschiedenen Verzögerungen zeigen.

z.B .:

element1 - starts at 0ms 
element2 - starts at 1000ms 

Mein Code:

<div class="animsition element1">one</div> 
<div class="animsition element2">two</div> 
<script> 
    $(document).ready(function() { 
    var $animsition = $('.animsition'); 
    $animsition.animsition(); 
    }); 
</script> 

Wie Sie sehen, ich $animsition.animsition(); haben, die animisition für jedes Element mit animisition Klasse aktivieren.

Wie kann ich diese Verzögerungen für jedes Element einfach definieren?

Answer 1

<animation 1>.delay(1000).<animation 2> 

Answer 2

Eigentlich habe ich diese Lösung:

<div class="animsition one" data-animsition-in-class="fade-in-left-lg"> 
    one 
    </div> 

    <div class="animsition two" data-animsition-in-class="fade-in-right-lg"> 
    two 
    </div> 

    <div class="animsition three" data-animsition-in-class="fade-in-left-lg"> 
    three 
    </div> 

    <script> 
     $(document).ready(function() { 
     $('.one').animsition({onLoadEvent: false, timeout: true, timeoutCountdown: 500}); 
     $('.two').animsition({onLoadEvent: false, timeout: true, timeoutCountdown: 1000}); 
     $('.three').animsition({onLoadEvent: false, timeout: true, timeoutCountdown: 1500}); 
     }); 
    </script> 

I Animationstyp inline für jedes Element definieren. Aber ich suche nicht danach. Ich muss animsition() Funktion mit Attributen für jedes Element aufrufen - das ist nicht bequem.

Ich bevorzuge nur einmal Anruf animsition() Funktion (es wird für jedes Element mit Klasse animsition arbeiten) und auf Argumente arbeiten.