私はこれをほとんど機能させましたが、何らかの理由で償却チャートに残りがあります. 丸めの問題かもしれませんが、よくわかりません。経験のある方は、毎月の支払い機能をご覧ください。これは私が開発していた小さな backbone.js アプリの一部であり、実際の動作を確認できますhttp://rvb.chrismills.la
// Calculate mortgage based on selected values
calculateRBV: function() {
var _this = this;
// Make sure the correct downpayment is displaying
_this.calculateDP();
var _calcRent = $('#rvbRent').val();
var _calcVal = $('#rvbBuy').val();
var _calcDpPercent = $('#rvbDP').val()/100;
var _calcDpAmt = _calcVal * _calcDpPercent;
var _calcFinanced = _calcVal - _calcDpAmt;
var _calcLength = $('#rvbTerm').val() * 12;
var _calcRate = $('#rvbRate').val()/100/12;
var _calcTaxes = $('#rvbTaxes').val();
var _calcHpChange = $('#rvRentChangeVal').val();
var _calcRentChange = $('#rvRentChangeVal').val();
var _monthlyPayment = Math.floor((_calcFinanced*_calcRate)/(1-Math.pow(1+_calcRate,(-1*_calcLength)))*100)/100;
var _totalPayments = _monthlyPayment * _calcLength;
var _totalInterest = _totalPayments - _calcVal;
var _totalRent = _calcRent * _calcLength;
$('#rvbMonthly span').html(_this.formatNumber(_monthlyPayment));
$('#rvbTotal span').html(_this.formatNumber(_totalPayments));
$('#rvbInterest span').html(_this.formatNumber(_totalInterest));
_this.buildAmortizationChart(_calcFinanced, _monthlyPayment, _calcLength, _calcRate);
$('#rvbGraph').stop().slideDown(250);
$('#amortizationChart').stop().slideDown(250);
},
// Build Amortization Chart
buildAmortizationChart: function(total, monthlyPayment, months, rate) {
var _this = this;
$('#amortizationChart tbody').html(''); // clear previous
var _total = total;
var _monthlyPayment = monthlyPayment;
var _months = months;
var _rate = rate;
for(var i=1; i<=months; i++) {
var _interest = _total * _rate;
var _principal = _monthlyPayment - _interest;
_total = _total - _principal;
var aRow = '';
aRow += '<tr>';
aRow += '<td width="20%">';
aRow += i;
aRow += '</td>';
aRow += '<td width="20%">';
aRow += '$' + _monthlyPayment;
aRow += '</td>';
aRow += '<td width="20%">';
aRow += '$' + _this.formatNumber(_principal);
aRow += '</td>';
aRow += '<td width="20%">';
aRow += '$' + _this.formatNumber(_interest);
aRow += '</td>';
aRow += '<td width="20%">';
aRow += '$' + _this.formatNumber(_total);
aRow += '</td>';
aRow += '</tr>';
$('#amortizationChart tbody').append(aRow);
}
},