jquery - 将函数延迟过渡持续时间

Question

如何在等待 css3 转换结束时使此脚本延迟 350 毫秒？

    <script type="text/javascript">
        $(document).ready(function() {
            var last = "";
            $("#thumbs a").click(function() {
                event.preventDefault();
                var graphic = $(this).attr("href");
                if(last != graphic) {
                    $("#placeholder").before( "<img src=\"" + graphic + "\" />" );
                    $("#mask").css("marginTop","-=450px");
                    last = graphic;
                }
            });
        });
    </script>

基本上，当您点击时，它应该检查是否在过去 350 毫秒内被点击，如果有，则不执行任何操作。

我听说过 transitionend 函数，但我不知道如何实现它。

Answer 1

在 document.ready 之后，将代码包含在函数中。也许“function wait(){...code here...} 然后使用 settimeout，例如 var t = setTimeout(wait,350);

希望这有帮助。如果没有，请尝试向 CSS 转换对象添加一个加载处理程序，然后在加载回调函数中放置一个 setTimeout 函数。它应该等待对象加载，并设置一个计时器在对象加载后 350 毫秒启动您的函数。