jQuery倒计时进度条

时间:2009-12-30 10:00:10

标签: jquery jquery-plugins

是否有一个进度条的jquery插件,可以自动倒计时到指定的日期。

我找到了一些进度条,但没有一个可以自动完成。

我想要做的是插件计算两个值之间剩余的时间并在进度条中显示进度。

谢谢

2 个答案:

答案 0 :(得分:3)

我认为你不会有太多运气,因为这是一个非常专业的要求。

但您可以自己轻松编写代码:

  • 使用常规进度条
  • 将进度条最小值设置为0,将最大值设置为从现在开始到之后的秒数。
  • 使用setInterval或jQuery计时器插件每秒递增进度条。

当然除了秒之外你还可以使用任何其他间隔。

答案 1 :(得分:1)

我认为您应该使用常规进度条插件+此countdown plugin

代码将是这样的:

$('#hidden').countdown({until: liftoffTime, format: 'HMS', onTick: updateProgressBar}); 

function updateProgressBar(periods) { 
        //update progress bar
}