JAvascript現在時間(システム時間)と指定時間差を動的に表示

3043 ワード

最近、プロセスプロジェクトの計算プロセスの総消費時間は動的に総消費時間を表示する時間を使いました.つまり、プロセスの終了時間から開始時間差を減算します.この場合、表示時間は動的ではありません.私が言った動的は、プロセスが終了していないときに表示される時間差に対して動的です.現在の時間からプロセスの開始時間を減算し、得られた時間差は動的に表示されます.あまり話さないで、下のdemoを直接見てください.
まず、myeclipseでプロジェクトjavascriptTestを作成します.
2つ目はWebRootでjspページを作成することですjsp.このページコードは次のとおりです.

String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>






My JSP 'dongtaigetdatediff.jsp' starting page








<br> var startTime = "2013-08-11 00:00:00";// <br> function count() {<br> var currTime = new Date();// <br> // xxxx-xx-xx , xxxx/xx/xx <br> startTime = startTime.replace(/\-/g, "/");<br> var sTime = new Date(startTime); <br> var totalTime = currTime.getTime() - sTime.getTime();<br> var days = parseInt(totalTime/parseInt(1000*60*60*24));<br> totalTime = totalTime%parseInt(1000*60*60*24);<br> var hours = parseInt(totalTime/parseInt(1000*60*60));<br> totalTime = totalTime%parseInt(1000*60*60);<br> var minutes = parseInt(totalTime/parseInt(1000*60));<br> totalTime = totalTime%parseInt(1000*60);<br> var seconds = parseInt(totalTime/parseInt(1000));<br> var time = "";<br> if(days>=1){<br> time = days+" "+hours+" "+minutes+" "+seconds+" ";<br> }else if(hours>=1){<br> time = hours+" "+minutes+" "+seconds+" ";<br> }else if(minutes>=1){<br> time = minutes+" "+seconds+" ";<br> }else{<br> time = seconds+" ";<br> }<br> document.getElementById("div1").innerHTML = " 2013-08-11 00:00:00 :" + time;<br> setTimeout("count()", 1000);<br> }<br> window.onload = count;<br>










ステップ3では、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で、プロジェクトで使用したいのは、指定した時間をプロセス開始時間に変更するだけです.