简单倒计时逻辑实现

最新推荐文章于 2022-04-07 13:20:47 发布

swrd2014

最新推荐文章于 2022-04-07 13:20:47 发布

阅读量1.2k

点赞数

分类专栏： HTML/CSS JS

JS 同时被 2 个专栏收录

35 篇文章 0 订阅

订阅专栏

HTML/CSS

34 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>团购——限时抢</title>
<!--<link rel="stylesheet" href="style.css"  />-->
</head>

<body>
<div class="content3">
<div class="time">还剩 <span id="LeftTime"></span></div>
</div>
<script>
 var sh; 
function FreshTime()
{
        var endtime=new Date("2016/10/15,12:20:12");//结束时间
        var nowtime = new Date();//当前时间
        var lefttime=  parseInt((endtime.getTime()-nowtime.getTime())/1000)  ; 
        d= parseInt(lefttime/(24*60*60))  ;
        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("LeftTime").innerHTML="团购已结束";
        clearInterval(sh);
        }
}
  function timing(){
       FreshTime();
        
		sh=setTimeout(timing,500);
      
  }
 
window.οnlοad=function(){
    timing();
}
</script>

</body>
</html>