JS信用卡真实利率计算器

最新推荐文章于 2022-10-18 09:27:22 发布
最新推荐文章于 2022-10-18 09:27:22 发布
阅读量905 收藏 2
点赞数 1
分类专栏： Web开发 文章标签： html js css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xcrap/article/details/117340483
版权

​

算法

第一个月，还款前我手中持有现金10000元，本月我应付的利息是10000×0.66%=66元。

第二个月，因为我还了833.33元本金，还款前我手中持有现金10000-833.33=9166.67元，本月我应付的利息是9166.67×0.66%=60.5元

第三个月，我又还了833.33元本金，还款前我手中持有现金9166.67-833.33=8333.34元，本月我应付的利息是8333.34×0.66%=55元

依次类推……

第十二个月，还款前我手中仅持有833.33元，本月我应付利息833.33×0.66%=5.5元

按以上算法，我本月还欠银行多少钱，就付相应的利息，已还部分就不应该付利息，这样，把以上每个月利息依次相加，算出来我12个月只应该付出429元利息。

假如我持有10000元整整12个月，应该付792元利息，但我每月都在还钱，只为没还的部分付利息，就应该付429元利息。无形中我多付了（792-429）/429*100%=84.62%。

这84.62%就是真实年利率比名义年利率多出来的部分。

那么真实年利率就是7.92%×（1+84.62%）=14.62%。

代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width">
		<title>信用卡真实利率计算器</title>
		<style>
			body,p,span,div{font-size:12px;font-family:"MS YaHei";color:#555;margin:0;padding:0}
			body{background-color:#eee}
			p{text-align:left;width:100%}
			.width400{max-width:450px;width:95%}
			.height30{height:30px;line-height:30px}
			.font0{font-size:0}
			.to-inline-block{display:inline-block;}
			.aligncenter{text-align:center}
			.margincenter{margin:0 auto}
			.label{display:block;width:100%;text-align:left;font-weight:300;font-size:14px}
			.numbers{display:block;width:95%;margin:0 auto;border:1px solid #aaa;padding:5px;border-radius:5px;color:#ccc}
			.btn{height:40px;width:100%;color:#fff;background-color:#4976d6;border:0;border-radius:5px}
			.btn:hover{background-color:#2561e2;cursor:pointer}
			.output-table{margin-top:30px}
			.output-cell{padding:5px;font-size:14px;vertical-align:bottom;margin:-1px 0 0 -1px}
			.output-cell-1{width:15%}
			.output-cell-2,.output-cell-3,.output-cell-4{width:25%}
			.output-rows {margin:25px auto}
			.output-rows span{font-size:14px;border:1px solid #aaa;padding:10px;vertical-align:bottom;font-weight:300}
			#count p{margin:10px auto}
			#real,.header-list{background-color:#ccc;font-weight:300}
			#permonth>div:nth-child(2n+1){background-color:#fff}
			#list{background-color:#fff}
			.hidden{display:none}
			.collect{padding:10px;border:1px solid #aaa;font-size:16px;font-weight:300;margin:-1px 0 0 -1px;line-height:30px}
			.collect p{text-align:right;font-size:18px}
		</style>
		<script>
			
			function hiddenValue(obj){
				var e = document.getElementById(obj);
				if( e.value != "" ) e.value = "";
			}
			
			function displayValue(obj){
				var e = document.getElementById(obj);
				if( e.value == "" ) e.value = "请不要留空！";
			}
		
			function count(){
				var ratio = parseFloat(document.getElementById( "ratio" ).value);
				var total = parseFloat(document.getElementById( "total" ).value);
				var num = parseFloat(document.getElementById( "number" ).value);
				
				console.log( "月利率="+ratio+"%\n总金额="+total+"\n期数="+num );
				
				if( isNaN(ratio) ||  isNaN(total) || isNaN(num) ) {
					window.alert("请填入有效的数字！");
					return;
				}
				
				ratio = ratio/100;
				
				//a:计算每月需还的本金,aa:计算每月利息金额
				var a = total/num
				var aa = total*ratio;
				
				//b:计算表面的年利率
				var b = ratio*12
				
				//c:计算总还款额，cc:计算总还入利息
				var cc = aa*num
				var c = total+cc

				//perMonth:计算还款过程中每月的真实利率, totalRatio:计算真实年利率
				var ratio_per_month;
				var totalRatio = 0;
				var html = "";
				
				document.getElementById( "output-table" ).classList.remove( "hidden" );
				
				for( i=0; i<num; i++ ){
					ratio_per_month = (total-i*a)*ratio;
					totalRatio += ratio_per_month;
					html += '<div class="body-list"><span class="to-inline-block height30 aligncenter output-cell output-cell-1">第'+(i+1)+'月</span><span class="to-inline-block height30 aligncenter output-cell output-cell-2">'+(total-(i*a)).toFixed(2)+'</span><span class="to-inline-block height30 aligncenter output-cell output-cell-3">'+(total-((i+1)*a)).toFixed(2)+'</span><span class="to-inline-block height30 aligncenter output-cell output-cell-4">'+ratio_per_month.toFixed(2)+'</span></div>';
					//输出每月详情
					document.getElementById( "permonth" ).innerHTML = html;
				}
				//计算真实年利率
				totalRatio = b*(1+(cc-totalRatio)/totalRatio);
					
				//输出各个数值
				document.getElementById( "list" ).innerHTML ='<div class="collect">每月需还本金：<p>'+a.toFixed(2)+'</p></div><div class="collect">每月实付利息：<p>'+aa.toFixed(2)+'</p></div><div class="collect">总还款金额：<p>'+c.toFixed(2)+'</p></div><div class="collect">总产生利息：<p>'+cc.toFixed(2)+'</p></div>';
				
				//输出表面年利率及真实年利率
				document.getElementById( "real" ).innerHTML ='<div class="collect">表面年利率：'+(b*100).toFixed(2)+'%</div><div class="collect">真实年利率：'+(totalRatio*100).toFixed(2)+'%</div>';
				
				document.getElementById( "reset" ).classList.remove( "hidden" );
			}
			
			function reset(){
				document.getElementById( "output-table" ).classList.add( "hidden" );
				document.getElementById( "reset" ).classList.add( "hidden" );
				document.getElementById( "ratio" ).value = 0.66;
				document.getElementById( "total" ).value = 10000;
				document.getElementById( "number" ).value = 12;
			}
		</script>
	</head>
	<body class="aligncenter">
		
		<div class="table">
		
			<div id="count" class="width400 margincenter">
				<p><span class="label to-inline-block height30">总金额：</span><input class="numbers height30" type="text" id="total" name="total" value="10000" onfocus="hiddenValue('total')" onblur="displayValue('total')"></p>
				<p><span class="label to-inline-block height30">月利率(%)：</span><input class="numbers height30" type="text" id="ratio" name="ratio" value="0.66" onfocus="hiddenValue('ratio')" onblur="displayValue('ratio')"></p>
				<p><span class="label to-inline-block height30">期数：</span><input class="numbers height30" type="text" id="number" name="number" value="12" onfocus="hiddenValue('number')" onblur="displayValue('number')"></p>
				<p><input type="button" id="count-btn" name="count" value="计算" onClick="count()" class="btn"></p>
			</div>
			
			<div id="output-table" class="output-table width400 margincenter hidden">
				<p id="list" class="width400 output-rows"></p>
				<p class="font0 header-list">
					<span class="to-inline-block height30 aligncenter output-cell output-cell-1">期数</span>
					<span class="to-inline-block height30 aligncenter output-cell output-cell-2">还款前本金</span>
					<span class="to-inline-block height30 aligncenter output-cell output-cell-3">还款后本金</span>
					<span class="to-inline-block height30 aligncenter output-cell output-cell-4">应付利息</span>
				</p>
				<p id="permonth"></p>
				
				<p id="real"class="width400 output-rows"></p>
				<p><input type="button" id="reset" name="reset" value="重置" onClick="reset()" class="btn"></p>
			</div>
			
		</div>
		
		<p class="height30 aligncenter">CopyRight &copy; 2019 由<a href="http://www.ixcrap.com">Art-Molec</a>制作</p>
	</body>
</html>

演示

信用卡分期真实利率计算器

​

极客阿宅
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
信用卡分期利率陷阱——实际利率计算
调包侠理查
09-17 2万+
信用卡分期年利率表面看起来很低，甚至低于余额宝的七日年化利率。但实际上年利率高的吓人。 以招商银行信用卡10000元，分12期，每期费率0.66%为例。 每期手续费66元，共付手续费792元，79210000=7.92%79210000=7.92%\frac{792}{10000}=7.92\%,年利率看起来只有7.92%，实则不然。 第1个月 欠银行10000元，借款时长1个月，附本金8...
分期实际年化利率计算器
01-02
此工具是方便贷款的用户计算银行贷款的实际利率的，一般贷款的名义利率可能是7%左右，但如果你仔细想一下，你每个月还款后，手上拿到的资金是变少的，但银行收的利息无论你还了多少期，利息是不变的。实际的利率事实上差不多是名义利率的2倍，而且分期越长，利率越高。
用js实现贷款利率的计算与可视化
MCprogramme的博客
10-18 449
<style> .result{font-weight:bold;} .output { font-weight: bold; } #payment { text-decoration: underline; } #graph { border: solid black 1px; } th, td { vertical-align: top; } </style>.
js毛利率计算
m0_51700376的博客
12-20 1006
效果如图： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>毛利率计算器</title> <style type="text/css"> </style> </head> <body> 成本 : <input type="number" name="cost" id="cost" value="" />
javascript根据输入的本金实时计算本息和
小白变怪兽
09-14 2517
近年来互联网金融行业发展迅速，相应的在网站上关于计算本息和的功能实现也越来越常见。今天我们就来学习一下这个简单却很实用的功能。首先我们用html布局出一个简单的案例，如下图所示：html代码如下所示：<body> <ul> <li> <p class="up">借款金额</p> <p id="ca
用html+js实现的等额本息贷款月供计算器
06-11
用html+js实现的等额本息贷款月供计算器 用html+js实现的等额本息贷款月供计算器 用html+js实现的等额本息贷款月供计算器
信用卡贷款分期还款真实利率计算器..xls
11-06
信用卡贷款分期还款真实利率计算器..xls
融资年利率计算器
08-14
可以根据年利率，算出来年存款趋势
简单利率计算器
03-21
【简单利率计算器】 在金融和经济领域，计算利息和投资回报是常见的任务，这就需要用到利率计算器。简单利率计算器是一种基础的工具，它用于计算在一定时间周期内，以固定利率产生的利息。简单利率通常适用于不复利...
交通银行信用卡还款计算器
03-23
交通银行还款计算器 交通银行信用卡还款额度的 月度还款 总共还款 等计算
信用卡分期还款计算器
08-19
信用卡分期还款计算器，不低于1500元，分期为3、6、9、12、18、24
JS计算十万块钱 分31期 利息万分之五 每个月的还款数
weixin_30326741的博客
03-17 218
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>TEST</title> </he...
js用while循环计算假如投资多年的利率为5%，试求从1000块增长到5000块，需要花费多少年
fighting_dream的博客
02-09 1859
代码如下： <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>假如投
js循环三步走---根据循环-计算有一定的年利率涨到目标金额需要多少时间
weixin_47295886的博客
10-18 311
console.log('金额:'+money);初始化变量--在循环中设置 表达式--定义更新表达式，每次更新初始变量。console.log('金额:'+money+'年份：'+n);第二年：1000*1.05*5%+1000*1.05=第一年：1000*5%+1000=1000*1.05。var n = prompt('请输入年份：');break可以退出循环可以退出switch。第n年=前一年*1.05。
JS-计算本息和
m0_73346363的博客
09-21 946
用js实现本息和的计算
javascript用while循环计算年利率5%，从1000元到5000元需要几年
OvO的博客
07-13 1289
varyear=0 varmoney=1000 while(money<5000){ money=money*0.05+money year++ } alert('从1000-5000需要'+year+'年') ...
JavaScript实现存款利息计算器
弱弱的小雨鸟
10-13 5598
最终效果   实现代码 * { font: normal normal 15px "微软雅黑"; } div { width: 380px; margin: 0 auto; } table { margin: 20px auto; } input { width: 180px; height: 20px;
JavaScript实现贷款利息计算器
三毛村滴雪鱼粉的博客
05-22 2183
JavaScript实现贷款利息计算器代码运行结果 为了简洁明了，就省去样式了，只留计算和赋值显示的部分~ 需要自行引入jQuery 代码 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head...
c语言存款利率计算器
最新发布
11-20
以下是一个简单的C语言存款利率计算器的例子： ```c #include <stdio.h> #include <math.h> int main() { double principal, rate, interest; int years, compound; char choice; printf("Enter the principal amount: "); scanf("%lf", &principal); printf("Enter the annual interest rate: "); scanf("%lf", &rate); printf("Enter the number of years: "); scanf("%d", &years); printf("Do you want to compound interest (Y/N)? "); scanf(" %c", &choice); if (choice == 'Y' || choice == 'y') { printf("Enter the number of times interest is compounded per year: "); scanf("%d", &compound); interest = principal * pow(1 + rate / compound, compound * years) - principal; } else { interest = principal * rate * years; } printf("Total amount at maturity: %.4f\n", principal + interest); return 0; } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值