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

  • 相关阅读:
    转:WinCE驱动开发问题精华集锦
    转:WINCE6.0+S3C6410下的DM9000A驱动
    转:WinCE6.0 不重启修改IP地址
    前端小功能:canvas验证码
    前端小功能:canvas签名版
    JavaScript中数组的应用方式
    ES6--Promise
    wepy 语法高亮
    Javascript和JQuery获取浏览器窗口各种尺寸
    图片预加载
  • 原文地址:https://www.cnblogs.com/jiaxin/p/7643909.html
Copyright © 2020-2023  润新知