javascript电商网站抢购倒计时效果实现

前端技术 2023/09/01 JavaScript

本文实例讲述了javascript电商网站抢购倒计时效果实现代码。分享给大家供大家参考。具体如下：
运行效果截图如下：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=gb2312\" />
<title>团购——限时抢</title>

</head>

<body>

<div class=\"time\"> <span id=\"LeftTime\"></span></div>
</div>
<script>
function FreshTime()
{
    var endtime=new Date(\"2015/11/20,12:20:12\");//结束时间
    var nowtime = new Date();//当前时间
    var lefttime=parseInt((endtime.getTime()-nowtime.getTime())/1000); 
    d=parseInt(lefttime/3600/24);
    h=parseInt((lefttime/3600)%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);
    }
}
    FreshTime();
    var sh;
    sh=setInterval(FreshTime,1000);
</script>
</body>
</html>

很简单的团购限时抢购倒计时，特别适合用于现今团购网、电商网、门户网等倒计时抢购活动，希望本文能帮助大家熟练掌握javascript倒计时效果的实现方法。

本文地址：https://www.stayed.cn/item/1660

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案