使用time diff更新%count

时间:2014-06-23 17:24:24

标签: javascript jquery css

我有这个div,我希望输出随着时间的推移更新百分比计数。例如:我有startTime,NowTime和stopTime值。我有一个显示百分比的div(显示差异b / w时间的百分比)。我希望在NowTime继续并且接近停止时间时更新此百分比。我希望它从0%开始,当NowTime == StopTime时以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()

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

1 个答案:

答案 0 :(得分:0)

setInterval = (cal,1000);应为setInterval(cal,1000);

更新此内容并且有效。这是因为setInterval是一个函数(在window对象上),所以你需要调用它,而不是分配它。但是,JS不会为赋值抛出错误,因为您只是更改属性值(在这种情况下为1000)。

Working fiddle