用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - jsp代码库

finish.jsp

2017-03-09 作者:知行合一心举报

[jsp]代码库

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0"/>
    <title>行驶中</title>
    <!-- 引入 Bootstrap -->
    <link href="${pageContext.request.contextPath}/css/bootstrap.min.css" rel="stylesheet">
    <!-- 引入自定义css -->
    <link href="${pageContext.request.contextPath}/css/style.css" rel="stylesheet">
    <!-- jQuery -->
    <script src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
    <!-- 包括所有已编译的插件 -->
    <script src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
</head>
<body class="running">
<div class="container">
    <div class="row">
        <div class="col-sm-4 col-sm-offset-4 ">
            <br><br><br><br><br>

            <h3>使用时间</h3>

            <div id="show"></div>
            <br><br><br>

            <div class="center">
                <p align="center">
                    <button type="button" class="btn btn-lg btn-md btn-primary" id="finish">立即结束</button>
                </p>
            </div>
        </div>
    </div>
</div>
</body>
<script>
    $(function () {
        var createDate = ${createDate};
        if (!createDate) {
            createDate = 1488781288787;
        }
        var rentTime = new Date(createDate);
        console.log(rentTime);
        setInterval(function () {
            var nowTime = new Date();
            var lifeTimer = nowTime.getTime() - rentTime.getTime();
            var days = Math.floor(lifeTimer / (24 * 3600 * 1000));//计算出相差天数
            var dlms = lifeTimer % (24 * 3600 * 1000);//计算天数后剩余的毫秒数
            var hours = Math.floor(dlms / (3600 * 1000));//计算出小时数
            var hlms = dlms % (3600 * 1000);//计算小时数后剩余的毫秒数
            var minutes = Math.floor(hlms / (60 * 1000));//计算相差分钟数
            var mlms = hlms % (60 * 1000);//计算分钟数后剩余的毫秒数
            var seconds = Math.round(mlms / 1000);//计算相差秒数
            var showTime = "已使用 " + days + "天 " + hours + "小时 " + minutes + " 分钟" + seconds + " 秒";
            $("#show").text(showTime);
        }, 1000);
    });
    $("#finish").click(function () {
        var orderId = "${order.orderId}";
        var bikeId = "${order.bikeId}";
        //alert(orderId);
        $.ajax({
            type: "POST",
            url: "${pageContext.request.contextPath }/rent/finish.do",
            data: {
                orderId: orderId,
                bikeId: bikeId
            },
            dataType: "json",
            success: function (data) {
                console.info("data:" + data);
            },
            error: function (jqXHR, textStatus, errorThrown) {
                //alert(jqXHR.responseText);
                alert(jqXHR.status);
                alert(jqXHR.readyState);
                //alert(jqXHR.statusText);
                //alert(textStatus);
                //alert(errorThrown);
            }
        });
    });
</script>
</html>


分享到:
更多

网友评论    (发表评论)

共1 条评论 1/1页

发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。