Question

在jquery中，我使用以下代码：

  j=-(i)
  if(j%2==1)
  {
    $("#caption1").hide();
    $("#caption1").fadeIn(1000);
    $('#main_div').hide();
    $('#main_div').show(5000);
  }
   }
 if(i%2==0)
 {
    $("#caption1").hide();
    $("#caption1").fadeIn(1000);
    $('#main_div').hide();
    $('#main_div').show(5000);
 }

虽然展示动画我希望动画的持续时间完成？

例如：

我设置它显示5秒的动画。

现在开始播放动画。

2秒动画完成[剩余3秒]

在这种情况下我需要按钮点击完成持续时间[2secs]？

Answer 1

记下动画开始的时间：

var animationStarted = new Date();
$('#main_div').show(5000);
....

当您需要显示已经过了多长时间时，请记下当前时间并减去上一步中保存的时间。

var now = new Date();
var elapsed = ( now.getTime() - animationStarted.getTime() ) / 1000;

演示：http://jsfiddle.net/NZGU6/

获取时间显示动画当前运行的持续时间

1 个答案: