即将到来的页面的Jquery倒计时进度条

Question

我正在寻找一个水平和/或垂直的动画jQuery进度条。

免费或商业用途。

我们的想法是将开始日期和结束日期设置为：

var startDate = new Date();
var endDate = new Date("September 28, 2014")); // deadline

并且进度条应以百分比显示当前状态，例如“我们在20％”，直到结束日期。

进度条应该是动态的（在每次刷新时）从0 - 当前状态，例如， 20％。

任何人都可以帮我吗？提前谢谢。

Answer 1

提示：

您应该能够使用以下代码计算两个日期之间的差异：

var diff = Math.abs(new Date() - new Date(dateStr.replace(/-/g,'/')));

，日期应该是数字。然后你应该计算页面创建日期之间的差异：

var Vdiff = Math.abs(new new Date(beginningdateStr.replace(/-/g,'/')) - new Date(dateStr.replace(/-/g,'/')));

然后进度条值应等于(diff*100)/Vdiff

Answer 2

我有一个正常工作的代码，它基于jquery thermometer.js插件，它有2个日期和动画的垂直进度条。