javascript - 使用时间差异更新百分比计数

Question

我有这个 div，我希望输出随着时间的推移更新百分比计数。例如:我有 startTime、NowTime 和 stopTime 值。我有一个显示百分比的 div(显示差异 b/w 时间的百分比)。我想在 NowTime 继续并接近停止时间时更新此百分比。当 NowTime == StopTime 时，我希望它从 0% 开始到 100% 结束。

感谢任何帮助。

function cal(){
var NowTime = new Date(); //Time Now
var StartTime = new Date($('.StartTime').val());
var StopTime = new Date($('.StopTime').val());

var diffStpStr = Math.ceil(StopTime - StartTime); //diff b/w start and stop time    
var diffNwStr = Math.ceil(NowTime - StartTime); //StartTime in past
var Percent = (parseInt((diffNwStr/ ( diffStpStr/ 100)).toFixed(0)));
$('.CountPercentage').text(Percent + '%'); //% calculation  
}
setInterval = (cal,1000);
cal()

这是我的 fiddle :http://jsfiddle.net/6LB76/91/问题:无法更新。它显示并停留但不更新。谢谢你

Answer 1

setInterval = (cal,1000); 应该是 setInterval(cal,1000);

更新它，它就可以工作了。这是因为 setInterval 是一个函数(在 window 对象上)，所以你需要调用它，而不是分配它。不过，JS 不会抛出赋值错误，因为您只是更改属性值(在本例中为 1000)。

Working fiddle