首页 > Web开发 > 详细

html+jQuery简单的利息计算器

时间:2017-10-10 09:24:54      阅读:240      评论:0      收藏:0      [点我收藏+]

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

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

--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简单的利息计算器

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!