在页面加载时将延迟添加到几个div

Question

我试图将一些延迟添加到div的动画中，但是当页面加载div的三个，四个和五个立即显示但div一个和两个显示正确，我无法在此方法中添加延迟？

    <script>

    $(document).ready(function () {

        $("#one").addClass('animated fadeInUp');

        $("#two").delay(300).addClass('animated fadeInUp');
        $("#three").delay(600).addClass('animated fadeInUp');
        $("#four").delay(900).addClass('animated fadeInUp');
        $("#five").delay(1200).addClass('animated fadeInUp');

    });

</script>

感谢任何帮助。