javascript 动态显示当前时间(系统时间)和指定时间差

最新推荐文章于 2022-11-20 16:31:58 发布

jinyonglu168

最新推荐文章于 2022-11-20 16:31:58 发布

阅读量643

点赞数

分类专栏： Java 文章标签： javascript html java jsp ViewUI

Java 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

最近做流程项目计算流程总耗时用到了动态显示总耗时的时间，就是用流程结束时间减去开始时间差，此时是显示的时间不是动态的，我所说的动态是针对流程没有结束时候显示的时间差是动态的：就是当前时间减去流程开始时间，获得的时间差就是动态显示的。话不多说，直接看下面的demo.
第一步，在myeclipse中创建项目javascriptTest.
第二步，在WebRoot下创建一个jsp页面：dongtaigetdatediff.jsp。该页面代码如下：


<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'dongtaigetdatediff.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
	var startTime = "2013-08-11 00:00:00";//开始时间
	function count() {
		var currTime = new Date();//当前时间
		//将xxxx-xx-xx的时间格式，转换为 xxxx/xx/xx的格式
		startTime = startTime.replace(/\-/g, "/");
		var sTime = new Date(startTime); 
		var totalTime = currTime.getTime() - sTime.getTime();
		var days = parseInt(totalTime/parseInt(1000*60*60*24));
		totalTime = totalTime%parseInt(1000*60*60*24);
		var hours = parseInt(totalTime/parseInt(1000*60*60));
		totalTime = totalTime%parseInt(1000*60*60);
		var minutes = parseInt(totalTime/parseInt(1000*60));
		totalTime = totalTime%parseInt(1000*60);
		var seconds = parseInt(totalTime/parseInt(1000));
		var time = "";
		if(days>=1){
			time = days+"天"+hours+"时"+minutes+"分"+seconds+"秒";
		}else if(hours>=1){
			time = hours+"时"+minutes+"分"+seconds+"秒";
		}else if(minutes>=1){
			time = minutes+"分"+seconds+"秒";
		}else{
			time = seconds+"秒";
		}
		document.getElementById("div1").innerHTML = "当前时间与2013-08-11 00:00:00时间差为：" + time;
		setTimeout("count()", 1000);
	}
	window.onload = count;
</script>
<style>
	.myDiv,p{
		margin:0 auto;
		margin-top:80px;
		width:500px;
		color: red;
	}
</style>
</head>

<body>
	<div class="myDiv">
		<div id="div1"></div>
	</div>
</body>
</html>

第三步，将该项目发布到tomcat中，运行项目直接访问：
[url]http://localhost:8080/javascript/dongtaigetdatediff.jsp[/url]即可。
界面如下：
[img]http://dl2.iteye.com/upload/attachment/0088/5808/5e15cb5d-c153-3bdf-87a5-b7f7b77addf5.jpg[/img]
上面的只是一个demo，想用到项目中，只需将指定的时间改成流程开始时间即可。

jinyonglu168

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
javascript 动态显示当前时间(系统时间)和指定时间差

最近做流程项目计算流程总耗时用到了动态显示总耗时的时间，就是用流程结束时间减去开始时间差，此时是显示的时间不是动态的，我所说的动态是针对流程没有结束时候显示的时间差是动态的：就是当前时间减去流程开始时间，获得的时间差就是动态显示的。话不多说，直接看下面的demo.第一步，在myeclipse中创建项目javascriptTest.第二步，在WebRoot下创建一个jsp页面：dongtai...
复制链接

扫一扫