您的位置：首页 > Web前端 > JavaScript

javascript实现的实时更新时间记录（运行时长）

2017-10-27 22:29 796 查看

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>实时更新时间</title>
<script type="text/javascript">

var date_start;
var i=0;
function start(){
date_start=new Date();  //开始时间
start_time();
}
function start_time(){

set= window.setTimeout("start_time()", 1000);
var date_end= new Date(); //结束时间
var date_sum = date_end.getTime() - new Date(date_start).getTime(); //结束时间-开始时间
//天数
var days=Math.floor(date_sum/(24*60*60*1000))
//小时数
var day_ms=date_sum%(24*60*60*1000)    //计算天数后剩余的毫秒数
var hours=Math.floor(day_ms/(60*60*1000))
//分钟数
var day_hour=day_ms%(60*60*1000)        //计算小时数后剩余的毫秒数
var minutes=Math.floor(day_hour/(60*1000))
//秒数
var day_min=day_hour%(60*1000)      //计算分钟数后剩余的毫秒数
var seconds=Math.round(day_min/1000)
//getMonth 方法返回一个0到11之间的整数，是Date对象中的月份值，并不是现实中的月份值，要加+1才是。
//开始运行时间
document.getElementById("start_time").innerHTML=
"开始时间："+date_start.getFullYear()+"年"
+(date_start.getMonth()+1)+"月"+date_start.getDate()+"日"
+date_start.getHours()+"时"+date_start.getMinutes()+"分"
+date_start.getSeconds()+"秒"
//运行时长
document.getElementById("sum_time").innerHTML=
"本次运行了"+days+"天"+hours+"小时"+minutes+"分钟"+seconds+"秒"
//现在时间
document.getElementById("now_time").innerHTML=
"现在时间："+date_end.getFullYear()+"年"
+(date_end.getMonth()+1)+"月"+date_end.getDate()+"日"
+date_end.getHours()+"时"+date_end.getMinutes()+"分"
+date_end.getSeconds()+"秒"
}
start();

</script>
</head>
<body>
<div style="position:absolute;left:400px;top:200px">
<p id="start_time"> </p>
<p id="now_time"> </p>
<p id="sum_time"> </p>
</div>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript

相关文章推荐

新的分享

章节导航