VPS剩余价值计算器 V3.0

还行。

用gpt改成js版的了,保存为html文件本地就可以运行,感谢op的付出

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>VPS剩余价值计算器</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
    <div class="container mt-5">
        <h1 class="mb-4">VPS剩余价值计算器</h1>
        <form id="calculatorForm">
            <div class="form-group">
                <label for="purchasePrice">历史购买价格：</label>
                <input type="number" class="form-control" id="purchasePrice" step="0.01" required>
            </div>
            <div class="form-group">
                <label for="currentDate">当前日期：</label>
                <input type="date" class="form-control" id="currentDate" required>
            </div>
            <div class="form-group">
                <label for="expiryDate">到期日期：</label>
                <input type="date" class="form-control" id="expiryDate" required>
            </div>
            <div class="form-group">
                <label for="paymentFrequency">付款周期：</label>
                <select class="form-control" id="paymentFrequency" required>
                    <option value="yearly">年付</option>
                    <option value="halfyearly">半年付</option>
                    <option value="quarterly">季付</option>
                    <option value="monthly">月付</option>
                </select>
            </div>
            <button type="button" class="btn btn-primary" id="calculateButton">计算剩余价值</button>
        </form>

        <div id="calculationResults" class="mt-4"></div>
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
    <script>
        $(document).ready(function() {
            $("#calculateButton").click(function() {
                var purchasePrice = parseFloat($("#purchasePrice").val());
                var currentDate = new Date($("#currentDate").val());
                var expiryDate = new Date($("#expiryDate").val());
                var paymentFrequency = $("#paymentFrequency").val();
                
                var remainingDays = Math.floor((expiryDate - currentDate) / (24 * 60 * 60 * 1000));
                var remainingMonths = Math.floor(remainingDays / 30);

                var remainingValue, paymentFrequency_;

                if (paymentFrequency === "quarterly") {
                    paymentFrequency_ = "季付";
                    remainingValue = purchasePrice / 90 * remainingDays;
                } else if (paymentFrequency === "yearly") {
                    paymentFrequency_ = "年付";
                    remainingValue = purchasePrice / 365 * remainingDays;
                } else if (paymentFrequency === "halfyearly") {
                    paymentFrequency_ = "半年付";
                    remainingValue = purchasePrice / 180 * remainingDays;
                } else if (paymentFrequency === "monthly") {
                    paymentFrequency_ = "月付";
                    remainingValue = purchasePrice / 30 * remainingDays;
                }

                var resultsHTML = '<div class="mt-4">';
                resultsHTML += '<h3>计算结果：</h3>';
                resultsHTML += '<p>历史购买价格：$' + purchasePrice + '</p>';
                resultsHTML += '<p>剩余价值计算周期：' + paymentFrequency_ + '</p>';
                resultsHTML += '<p>剩余价值：$' + remainingValue.toFixed(2) + '</p>';
                resultsHTML += '</div>';

                resultsHTML += '<div class="mt-4">';
                resultsHTML += '<h3>计算过程：</h3>';
                resultsHTML += '<p>剩余月份：' + remainingMonths + ' 个月（剩余天数：' + remainingDays + ' 天）</p>';
                resultsHTML += '<p>剩余价值 = 历史购买价格 / ' + (paymentFrequency === "quarterly" ? '90' : (paymentFrequency === "yearly" ? '365' : (paymentFrequency === "halfyearly" ? '180' : '30'))) + ' * 剩余天数</p>';
                resultsHTML += '<p>剩余价值 = $' + purchasePrice + ' / ' + (paymentFrequency === "quarterly" ? '90' : (paymentFrequency === "yearly" ? '365' : (paymentFrequency === "halfyearly" ? '180' : '30'))) + ' * ' + remainingDays + ' = $' + remainingValue.toFixed(2) + '</p>';
                resultsHTML += '</div>';
                resultsHTML += '</div>';

                $("#calculationResults").html(resultsHTML);
            });
        });
    </script>
</body>
</html>

mark

支持

帮顶

厉害的

感谢！！1

感谢！

我去这个真牛逼，出鸡很方便

咋不支持五年选项