信鸽网

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

  作者：bea

本文实例讲述了javascript电商网站抢购倒计时效果实现代码。分享给大家供大家参考。具体如下： 运行效果截图如下： <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>团购——限时抢</title></head><body&

本文实例讲述了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倒计时效果的实现方法。




有用  |  无用

猜你喜欢

您可能感兴趣的文章: