js获取距离指定时间已经过去多久代码实例

快乐打工仔 分类:实例代码

分享一段代码实例,它实现了获取当前时间距离之前一个时间点已经过去多久功能。

代码实例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>犀牛前端部落</title>
<style type="text/css">
html, body, p {
  margin: 0;
  padding: 0;
}
html, body {
  height: 100%;
}
body {
  background-color: #eee;
}
#main {
  font-size: 40px;
  padding-top: 400px;
  text-align: center;
  color: red;
  font-weight: bold;
  text-shadow: 0 0 6px rgba(0,0,0,.2);
}
</style>
</head>
<body>
<p id="main">
  离2016年01月01日<span></span>
</p>
<script type="text/javascript">
function toDouble(num) {
  num >= 10 ? num = '' + num : num = '0' + num;
  return num;
}
var main = $$('main'),
  span = $$('main').getElementsByTagName('span')[0];
 
function timer(year, month, day, hour, minute, seconds, elem) {
  var hour = hour || 0,
    minute = minute || 0,
    seconds = seconds || 0;
  var endTime = new Date();
 
  endTime.setFullYear(parseInt(year)),
  endTime.setMonth(parseInt(month) - 1),
  endTime.setDate(parseInt(day)),
  endTime.setHours(parseInt(hour)),
  endTime.setMinutes(parseInt(minute)),
  endTime.setSeconds(parseInt(seconds));
  setTime();
  setInterval(function() {
    setTime()
  }, 1000);
  function setTime() {
    var startTime = new Date();
    var lengthTime = parseInt((startTime.getTime() - endTime.getTime()) / 1000);
    var lSeconds = parseInt(lengthTime % 60),
      lMinute = parseInt((lengthTime / 60) % 60),
      lHour = Math.floor((lengthTime / 3600) % 24),
      lDay = Math.floor(lengthTime / (24 * 3600));
    span.innerHTML=lDay+'天'+toDouble(lHour)+'小时'+toDouble(lMinute)+'分钟'+toDouble(lSeconds)+'秒';
  }
 
}
function $$(id) {
  return document.getElementById(id);
}
timer(2016, 01, 01, 0, 0, 0, span);
</script>
</body>
</html>

js获取距离指定时间已经过去多久代码实例,这样的场景在实际项目中还是用的比较多的,关于js获取距离指定时间已经过去多久代码实例就介绍到这了。

js获取距离指定时间已经过去多久代码实例属于前端实例代码,有关更多实例代码大家可以查看

回复

我来回复
  • 暂无回复内容