Javascript进度条时间线
我正在尝试创建一个进度条样式的时间线,它包含3个日期,并从中构建一个进度条。我在这里找到了一个有用的帖子,我曾经在这里建立了一些基础知识,但它并不能完全满足我的需要 简单地说,我希望0%为2013年12月1日,100%为2013年12月25日,然后在进度条上显示今天的日期。我已经使用一些javascript设置了一个进度条来进行倒计时,但我不确定它是从什么开始计算的,因为它已经达到了85%。因为今天是第6天,所以应该只有约24% ^演示|代码vJavascript进度条时间线,javascript,progress-bar,timeline,Javascript,Progress Bar,Timeline,我正在尝试创建一个进度条样式的时间线,它包含3个日期,并从中构建一个进度条。我在这里找到了一个有用的帖子,我曾经在这里建立了一些基础知识,但它并不能完全满足我的需要 简单地说,我希望0%为2013年12月1日,100%为2013年12月25日,然后在进度条上显示今天的日期。我已经使用一些javascript设置了一个进度条来进行倒计时,但我不确定它是从什么开始计算的,因为它已经达到了85%。因为今天是第6天,所以应该只有约24% ^演示|代码v <script type='text/ja
<script type='text/javascript'>
$(function(){
var target = new Date('12/25/2013'),
today = new Date(),
daysToGo = Math.ceil((target.getTime() - today.getTime() ) / (1000*60*60*24)),
percent = 100 - daysToGo;
$("#progressbar").progressbar({
value: percent,
create: function(event, ui) {
$('.ui-progressbar');
}
});
});
</script>
$(函数(){
var目标=新日期('12/25/2013'),
今天=新日期(),
daysToGo=Math.ceil((target.getTime()-today.getTime())/(1000*60*60*24)),
百分比=100天的剩余时间;
$(“#progressbar”).progressbar({
值:百分比,
创建:函数(事件、用户界面){
$('ui progressbar');
}
});
});
是您的百分比计算错误
你应该这样做:
var percent = 1 - daysToGo/25
25年12月1日至12月25日。
现在你的百分比是小数,等式0.24。如果需要百分比,请将其乘以100。您可以将其放入代码中:
var start = new Date('12/01/2013'),
target = new Date('12/25/2013'),
today = Date.now(),
percent = (today-start)/(target-start)*100;
工作完美。我不会想到的。Javascript不是我的强项。