如何在等待 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
函数,但我不知道如何实现它。
最佳答案
在 document.ready 之后,将代码包含在函数中。也许“function wait(){...code here...} 然后使用 settimeout,例如 var t = setTimeout(wait,350);
希望这有帮助。如果没有,请尝试向 CSS 转换对象添加一个加载处理程序,然后在加载回调函数中放置一个 setTimeout 函数。它应该等待对象加载,并设置一个计时器在对象加载后 350 毫秒启动您的函数。
关于jquery - 将函数延迟过渡持续时间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7101797/