龙空技术网

html这些代码你知道吗——租借时间、结果

软件开拓者 180

前言:

此时同学们对“css时间代码”大体比较注意,各位老铁们都想要知道一些“css时间代码”的相关知识。那么小编同时在网络上搜集了一些有关“css时间代码””的相关资讯,希望朋友们能喜欢,同学们快快来了解一下吧!

我是一个直接了当的人,咱们开门见山,直入正题,且看下文:

<%@ 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>

想要交流学习和需要学习资料的加群532018971

今天给大家分享些html代码,觉得有用的就收藏,关注,觉得没用的就当看个热闹。

标签: #css时间代码 #css时间代码怎么写