页面显示时间

最新推荐文章于 2024-03-25 22:03:05 发布

DaveeChen

最新推荐文章于 2024-03-25 22:03:05 发布

阅读量143

点赞数

分类专栏： JS 文章标签： JavaScript HTML ViewUI

JS 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

倒计时、秒杀或显示系统时间

<html>
<head>
<title>2011倒计时</title>
</head>
<body>
<script type="text/javascript">
window.onload = function(){
    var curDate = new Date();//当前时间
    var expireDate = new Date(2011,0,1);//到期时间
    var milSecond = expireDate.getTime() - curDate.getTime();
    var totalSeconds = removeDecimal(milSecond/1000);//剩余秒(应该用服务器时间替代)
    timeGo(totalSeconds);
}
function timeGo(totalSeconds){
    setInterval(function(){
      totalSeconds--;
      calculateTime(totalSeconds);
    },1000);
}
function calculateTime(totalSeconds){
  if (totalSeconds > 0) {
    var leftDays = removeDecimal(totalSeconds/60/60/24);//剩余天数
    var seconds = totalSeconds%(60*60*24);
    var leftHours = removeDecimal(seconds/60/60);//剩余小时
    var leftMinutes = removeDecimal(seconds/60%60);//剩余分
    var leftSeconds = removeDecimal(seconds%60);//剩余秒

    setLeftTime(leftDays,leftHours,leftMinutes,leftSeconds);
  } else {
    document.getElementById('countDown').innerHTML='Happy new year!';
  }
}
function setLeftTime(leftDays,leftHours,leftMinutes,leftSeconds){
  document.getElementById('leftDay').innerHTML=leftDays;
  document.getElementById('leftHour').innerHTML=leftHours;
  document.getElementById('leftMinute').innerHTML=leftMinutes;
  document.getElementById('leftSecond').innerHTML=leftSeconds;
}
//去除小数
function removeDecimal(number){
  return Math.floor(number);
}
</script>
<div id="countDown">
  2011年倒计时：
  <span id="leftDay" style="background:red"></span>天
  <span id="leftHour"></span>小时
  <span id="leftMinute"></span>分
  <span id="leftSecond"></span>秒
</div>
</body>
</html>