Question

我有这段代码：

function rotate(x){
  $('#card').css({
    transform: 'rotate('+x+')'
  })
}

$(function(){
  $('#rotation-test').click(function(){
    rotate('3600deg').delay(15000).rotate('-36000deg');
  })
});

我想要做的是在单击元素时调用函数rotate。然后等待15秒，再次调用相同的函数（使用不同的参数）。我知道这不合法。我怎么会得到同样的效果？

Answer 1

当人们对我的问题发表评论时，似乎除了使用setTimeout之外别无其他方式，所以这就是我如何做以防万一有人遇到同样的问题。

function rotate(x){
  $('#card').css({
    transform: 'rotate('+x+')'
  })
}

$(function(){
  $('#rotation-test').click(function(){
    setTimeout(rotate,0,'3600deg');
    setTimeout(rotate,10000,'-3600deg');
  })
});

jQuery + Delay中的用户定义函数

1 个答案: