小编Wil*_*Sam的帖子

我查看了其他一些问题,并没有看到我的具体问题,所以请原谅我是否被询问或回答.

我想要做的是找出一个简单的"付款"计算器,并提供一些额外的信息,如第一个付款日期和最后一个.

在某些情况下,最后一次付款的日期有效,有时却没有.

这是我的代码:

var myDate = new Date();

var odo = document.contract.firstPaymentDate.value;
var n = odo.split("/"); 
var month = n[0];
var day = n[1];
var year = n[2];

var oldDateObj = new Date(year, month, day);
var newDateObj = new Date(oldDateObj.getTime() + ((document.contract.totalNumberRegularPayments.value - 1)*1209600*1000));
var dd = newDateObj.getDate();
var mm = newDateObj.getMonth();
var y = newDateObj.getFullYear();

var someFormattedDate = mm + '/'+ dd + '/'+ y;
document.contract.lastPaymentDate.value = someFormattedDate;

所以我采取第一个付款日期,并添加1209600秒的付款次数(减1,因为他们"已经"支付了第一个).

这基于可以由用户选择的特定日期开始.

所以我的例子是156 BiWeekly付款(因此计算为155),这可以达到6年.如果我选择1日的日期,我将以2013年10月1日作为开始,但是作为结束的9/11/2019(周二的第一个,周三的最后一个).

第15届(2013年9月15日 - 周日 - 至2009年8月24日 - …

我在尝试让 2 色线性渐变中途停止时遇到问题，而没有以第二种颜色结束。

所以这个想法是使用线性梯度来显示消耗了多少带宽。我有一个起始颜色，颜色 100% 应该代表。但是当我用线性渐变只显示 50% 时，50% 标记是第二种颜色。它应该只在 2 种颜色的中间，如果使用率为 100%，则相同的颜色将为 50%。

我使用这个代码：

background: linear-gradient(-90deg,  #438600, #8fd747);

但是 25% 和 75%（例如）在各自的末端都有#8fd747。我需要它们以线性渐变中两种颜色之间的 25% 和 75%（分别）颜色结束。

我无法想象它有那么难，但我就是想不通。

谢谢

编辑：这是我正在寻找的图像：

100%：

50%：

25%：

正如您在上面看到的，即使未满，条形也代表完整的渐变。但在那些小于 100% 的情况下，我希望渐变显示其特定百分比的渐变水平，如 100% 所示。在实际达到 100% 之前，我不应该得到完全更深的颜色。