您现在的位置是:首页 > 编程 > 

JS演示如何制作利息功能

2025-07-25 09:26:48
JS演示如何制作利息功能 如何制作利息功能​简介简介: 这个是一个贷款系统的功能的抽取,也就是给大家演示一下,如何实现贷款系统中的利息功能。这里主要是利用前端来进行演示。这里由于没有连接后端,所有这个前端的存储功能采取的是localStorage来实现,然后这里在添加一个时间标签,然后可以设置当前页面的时间,这样的话可以手动的模拟利息的功能。这里需要参考的一篇文章是:JS中如何对<input ty

JS演示如何制作利息功能

如何制作利息功能

简介

简介:

这个是一个贷款系统的功能的抽取,也就是给大家演示一下,如何实现贷款系统中的利息功能。

这里主要是利用前端来进行演示。

这里由于没有连接后端,所有这个前端的存储功能采取的是localStorage来实现,然后这里在添加一个时间标签,然后可以设置当前页面的时间,这样的话可以手动的模拟利息的功能。

这里需要参考的一篇文章是:JS中如何对<input type=“data“>中值进行运算(JS日期类型如何进行加减)

前端页面的搭建

这个方法就是用于计算,当前存款的值的,当然这里是把,这个利息写死了,只是演示作用。

这里通过两个时间戳标签,来调控时间,进行时间演示,主要难点就是一些语法问题。

代码语言:javascript代码运行次数:0运行复制
function calMoney(day, money){
        res = money
       for(var i = 0; i < day; ++ i) {
            res *= 1.01
       }
       return res
    }

完整代码

在完整的代码中,还包括了判断两个时间戳是否为空的情况的考虑。

代码语言:javascript代码运行次数:0运行复制
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>    
    存钱的时间:<input type="date" id="time1"><br>

    当前日息:1%<br>
    
    当前用户存款:<span id="money">1000</span><br>
    <button id="update">点击更新当前的存款</button><br>
    当前时间:<input type="date" id="time2">
</body>

    
<script type="text/javascript">
    
    // 存钱的时间
    var time1 = document.getElementById("time1")

    // 当前的时间
    var time2 = document.getElementById("time2")

    // 获取当前的存款
    var money = document.getElementById("money")
    document.getElementById("update").onclick = function(){
        if (time1.value == "" ){
            alert("没有起始时间")
        } else if (time2.value == ""){
            alert("没有终止时间")
        } else {
            t1 = Date.parse(time1.value)       
            t2 = Date.parse(time2.value)       

            day = (t2 - t1) / 1000 / 86400

            // 首先获取当前的money
            nowMoney = 

            cole.log(nowMoney)
            money.innerHTML = calMoney(day, nowMoney)
        }
    }

    // 计算存款的时间        
    function calMoney(day, money){
        res = money
       for(var i = 0; i < day; ++ i) {
            res *= 1.01
       }
       return res
    }
</script>
 
</html>

运行效果

通过填写存钱的时间,还有当前的时间,然后还有利息,然后可以获取此刻的用户的存款是多少。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。 原始发表:2025-01-20,如有侵权请联系 cloudcommunity@tencent 删除前端系统存储后端连接

#感谢您对电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格的认可,转载请说明来源于"电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格

本文地址:http://www.dnpztj.cn/biancheng/1145004.html

相关标签:无
上传时间: 2025-07-19 11:40:24
留言与评论(共有 9 条评论)
本站网友 新会二手房出售
18分钟前 发表
还包括了判断两个时间戳是否为空的情况的考虑
本站网友 北京摇号申请
27分钟前 发表
money){ res = money for(var i = 0; i < day; ++ i) { res *= 1.01 } return res }完整代码在完整的代码中
本站网友 zt169
21分钟前 发表
还有当前的时间
本站网友 奢侈品网购网站
14分钟前 发表
原始发表:2025-01-20
本站网友 成都ktv
13分钟前 发表
本文参与 腾讯云自媒体同步曝光计划
本站网友 常熟万达广场
8分钟前 发表
这里主要是利用前端来进行演示
本站网友 奥拉西坦
8分钟前 发表
这样的话可以手动的模拟利息的功能
本站网友 nexus怎么读
12分钟前 发表
nowMoney) } } // 计算存款的时间 function calMoney(day