html+jQuery简单的利息计算器

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

但是每次都要自己算很麻烦,不如开发个小东西,直接输入就可以得出利息,用了一点时间做好了,虽然简单,还是想奉献给大家~

--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库就可以了~

posted @ 2017-10-10 08:56  有一个小白  阅读(740)  评论(0编辑  收藏  举报