js-限时抢 

<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312"/>
<title>限时抢</title>
<style>
   #box{
           color:red;
        font-size:16px;
        width:300px;
        margin:0 auto;
   }
   #box span{
           color:#333;
   }    
        
</style>
<script>
window.onload=function(){
FreshTime();
}
function FreshTime()
{
        var endtime=new Date("2017/5/15,12:20:12");//结束时间
        var nowtime = new Date();//当前时间
        var lefttime=parseInt((endtime.getTime()-nowtime.getTime())/1000); 
        d=parseInt(lefttime/60/60/24);
        h=parseInt(lefttime/60/60%24);
        m=parseInt(lefttime/60%60);
        s=parseInt(lefttime%60);
       
        document.getElementById("LeftTime").innerHTML=d+"天"+h+"小时"+m+"分"+s+"秒";
        if(lefttime<=0){
        document.getElementById("LeftTimebox").innerHTML="团购已结束";
        clearInterval(sh);
        }
}
   
   var sh;
   sh=setInterval(FreshTime,500);
</script>
</head>
<body>
<div id="box">还剩：<span id="LeftTime"></span></div>
</body>
</html>

 

posted @ 2017-04-10 11:38  lexie  阅读(165)  评论(0)  编辑  收藏  举报