javascript電商網(wǎng)站搶購倒計時效果實現(xiàn)
本文實例講述了javascript電商網(wǎng)站搶購倒計時效果實現(xiàn)代碼。分享給大家供大家參考。具體如下:
運行效果截圖如下:
<!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");//結(jié)束時間 var nowtime = new Date();//當(dāng)前時間 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="團購已結(jié)束"; clearInterval(sh); } } FreshTime(); var sh; sh=setInterval(FreshTime,1000); </script> </body> </html>
很簡單的團購限時搶購倒計時,特別適合用于現(xiàn)今團購網(wǎng)、電商網(wǎng)、門戶網(wǎng)等倒計時搶購活動,希望本文能幫助大家熟練掌握javascript倒計時效果的實現(xiàn)方法。
相關(guān)文章
Js使用WScript.Shell對象執(zhí)行.bat文件和cmd命令
這篇文章主要介紹了Js使用WScript.Shell對象執(zhí)行.bat文件和cmd命令,需要的朋友可以參考下2014-12-12IE之動態(tài)添加DOM節(jié)點觸發(fā)window.resize事件
因為頁面很多UI是絕對定位的,所以當(dāng)窗口大小改變的時候會使原先的布局混亂,只好在每次window.resize的時候重新布局...2010-07-07js setTimeout實現(xiàn)延遲關(guān)閉彈出層
有時候我們希望彈出層能夠?qū)崿F(xiàn)延遲關(guān)閉,并且鼠標(biāo)在彈出層區(qū)域移動的時候能夠保持顯現(xiàn),下面是具體的實現(xiàn)代碼。2010-04-04jquery form表單獲取內(nèi)容以及綁定數(shù)據(jù)
這篇文章主要介紹了jquery form表單獲取內(nèi)容以及form表單綁定數(shù)據(jù),獲取表單的數(shù)據(jù)保存到數(shù)據(jù)庫,或者將數(shù)據(jù)綁定到form表單,感興趣的小伙伴們可以參考一下2016-02-02asp(javascript)全角半角轉(zhuǎn)換代碼 dbc2sbc
asp與javascript 全角半角處理代碼2009-08-08