码迷,mamicode.com
首页 > Web开发 > 详细

html+jQuery简单的利息计算器

时间:2017-10-10 09:55:05      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:text   需要   自己   value   java   dex   doc   简单   公式   

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

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

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

标签:text   需要   自己   value   java   dex   doc   简单   公式   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!