1. 程式人生 > >html+jQuery簡單的利息計算器

html+jQuery簡單的利息計算器

公式 end nbsp utf-8 har 簡單 date -- char

計算利息的公式:利息=本金*利率/計息*(到期日期-起息日期)

但是每次都要自己算很麻煩,不如開發個小東西,直接輸入就可以得出利息,用了一點時間做好了,雖然簡單,還是想奉獻給大家~

--index.html--

<!DOCTYPE HTML>
<head>
<title>利息計算</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<script type="text/javascript" src="jquery-3.2.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#btn").click(function(){
var benjin=$("#benjin").val();
var lilv=$("#lilv").val();
var jixi=$("#jixi").val();
var day1=$("#day1").val();
var day2=$("#day2").val();
var startdate=new Date(day1);
var enddate=new Date(day2);
var time=enddate.getTime()-startdate.getTime();
var day=parseInt(time/(1000 * 60 * 60 * 24));
var num=benjin*(lilv/100)/jixi*day;
alert("利息為:"+Number(num).toFixed(2));
});
});
</script>
</head>
<body>
<p>本金:<input type="text" id="benjin"/></p>
<p>利率:<input type="text" id="lilv"/> %</p>
<p>計息基礎:<select id="jixi">
<option>365</option>
<option>360</option>
</select></p>
<p>起息日期:<input type="date" id="day1"/></p>
<p>到期日期:<input type="date" id="day2"/></p>
<input type="button" value="計算" id="btn">
</body>
</html>

只需要引入jQuery庫就可以了~

html+jQuery簡單的利息計算器