html+jQuery简单的利息计算器

最新推荐文章于 2022-07-11 14:52:12 发布

weixin_30911809

最新推荐文章于 2022-07-11 14:52:12 发布

阅读量141

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/jiaxin/p/7643909.html

版权

计算利息的公式：利息=本金*利率/计息*（到期日期-起息日期）

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

--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>