分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

html+jQuery简单的利息计算器

发布时间:2023-09-06 01:07责任编辑:白小东关键词: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库就可以了~

html+jQuery简单的利息计算器

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved