用时间差更新%计数
Update % count with time diff
在这个div中,我希望输出的百分比计数随着时间的推移而更新。例如:我有startTime, NowTime和stopTime值。我有一个显示百分比的div(显示时间差b/w的百分比)。我想更新这个百分比随着现在时间的推移,越来越接近停止时间。当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()
这是我的小提琴:http://jsfiddle.net/6LB76/91/问题:无法更新。它显示,只是停留,但不更新。谢谢你
setInterval = (cal,1000);
应为setInterval(cal,1000);
更新这个,它工作。这是因为setInterval
是一个函数(在window
对象上),所以您需要调用它,而不是赋值它。JS不会抛出一个错误的赋值,虽然,因为你只是改变一个属性值(1000
,在这种情况下)。
相关文章:
- 更新'喜欢'使用Ajax的Rails中的计数
- 获取图像项计数并更新猫头鹰轮播 2 中的中心选项
- disqus评论计数更新
- ng重复计数-筛选器更新次数不超过一次
- MongoDB:更新计数错误
- AJAX列表更新,获取新元素并计数
- 更新产品计数使用加,减按钮不刷新页面JavaScript
- 角度离子徽章计数未更新
- Var不更新,计数不更新
- 用时间差更新%计数
- 单击向上/向下时更新计数
- 投票:AJAX更新计数
- Javascript如何更新计数
- 在shopify中使用ajax更新购物车计数时,避免使用产品类型
- 我怎么做,当计时器计数回来,它将刷新/更新文本文件中的文本
- 计数不更新点击
- Knockout JS:如何动态更新<td>计数等于<th>计数
- 为什么添加新项目时我的列表金额计数不会更新
- 推特计数更新事件
- 将哈希值压入数组.想要更新同名attr上的计数.散列