js精确到天的倒计时效果

快乐打工仔发布于 2年前分类：实例代码

分享一段代码实例，它实现了倒计时效果。

适合于比较长日期的倒计时效果，比如高考倒计时，或者家假日倒计时。

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>前端教程网</title>
<style type="text/css">
#content {
  width: 320px;
  height: 100px;
  line-height: 100px;
  background: #eee;
  text-align: center;
  margin: 0 auto;
}
</style>
<script type="text/javascript">
var d = new Date();
var week = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
var weeks = week[d.getDay()];
var a = d.getFullYear() + '年' + (d.getMonth() + 1) + '月' + d.getDate() + '日' + weeks;
</script>
</head>
<body>
<div id="content"></div>
<script type="text/javascript">
var paper = document.getElementById("content");
function getchaTime(title, intime) {
  var bsDate = new Date(intime);
  var date = new Date();
  var start = bsDate.getTime() - date.getTime();
  var startday = Math.floor(start / (1000 * 60 * 60 * 24)) + 1;
  if (startday > 0) {
    paper.innerHTML = a + "距" + title + startday + "</span>天";
  }
  else { }
};
getchaTime("2018年元旦", "1/1/2018");
</script>
</body>
</html>

上面的代码实现了我们的要求，更多内容可以参阅相关阅读。