限时购的实现

354 阅读1分钟
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>团购——限时抢</title>
<style type="text/css">
    div,img{
  margin:0;
  padding:0;
  border:0;
}
 
 
.content3{
  background:url(http://img.mukewang.com/534d13940001063d12000398.jpg) no-repeat;
  width:1200px;
  height:398px;
  margin:0 auto;
  position:relative;
}
.time{
  position:absolute;
  top:122px;
  left:46%;
  line-height:22px;
  font-size:14px;
}
</style>
</head>
 
<body>
<div class="content3">
<div class="time">还剩 <span id="LeftTime"></span></div>
</div>
<script>
   //倒计时效果js代码
   function checktime(i){
    if(i<10){
        i="0"+i;
 
    }
    else{i=i;}
    return i;
   }
   function freshTime(){
    var endtime=new Date('2016/09/20');
    var nowtime=new Date();
    var lefttime=parseInt(endtime.getTime()-nowtime.getTime());//这是毫秒,如果再/1000就是秒
    // 获取剩下的日、小时、分钟、秒钟
    // 一天有多少毫秒,一小时有多少毫秒,一分钟有多少毫秒,一秒钟有多少毫秒
    var dm=24*60*60*1000;
    var d=parseInt(lefttime/dm);
    var hm=60*60*1000;
    var h=parseInt((lefttime/hm)%24);
    var mm=60*1000;
    var m=parseInt((lefttime/mm)%60);
    var s=parseInt((lefttime/1000)%60);
    m=checktime(m);
    s=checktime(s);
    document.getElementById('LeftTime').innerHTML=d+"天"+h+"小时"+m+"分钟"+s+"秒";
    if (lefttime<0) {
         document.getElementById('LeftTime').innerHTML="团购活动已经结束!";
    }
   } 
   freshTime();
   var sh;
   sh=setInterval('freshTime()',1000)
</script>
</body>
</html>