本文實例講述了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倒計時效果的實現方法。
|
新聞熱點
疑難解答