<%@ 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 >< br >< br >< br >< br >< br >< br >< br > |
< h3 >使用时间</ h3 > |
< div id = "show" ></ 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); |
}); |
</ script > |
</ html > |