javascript電商網(wǎng)站搶購(gòu)倒計(jì)時(shí)效果實(shí)現(xiàn)
本文實(shí)例講述了javascript電商網(wǎng)站搶購(gòu)倒計(jì)時(shí)效果實(shí)現(xiàn)代碼。分享給大家供大家參考。具體如下:
運(yùn)行效果截圖如下:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>團(tuán)購(gòu)——限時(shí)搶</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é)束時(shí)間 var nowtime = new Date();//當(dāng)前時(shí)間 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+"小時(shí)"+m+"分"+s+"秒"; if(lefttime<=0){ document.getElementById("LeftTime").innerHTML="團(tuán)購(gòu)已結(jié)束"; clearInterval(sh); } } FreshTime(); var sh; sh=setInterval(FreshTime,1000); </script> </body> </html>
很簡(jiǎn)單的團(tuán)購(gòu)限時(shí)搶購(gòu)倒計(jì)時(shí),特別適合用于現(xiàn)今團(tuán)購(gòu)網(wǎng)、電商網(wǎng)、門(mén)戶網(wǎng)等倒計(jì)時(shí)搶購(gòu)活動(dòng),希望本文能幫助大家熟練掌握javascript倒計(jì)時(shí)效果的實(shí)現(xiàn)方法。
- 基于Javascript實(shí)現(xiàn)倒計(jì)時(shí)功能
- JavaScript電子時(shí)鐘倒計(jì)時(shí)
- 多個(gè)js毫秒倒計(jì)時(shí)同時(shí)進(jìn)行效果
- js倒計(jì)時(shí)搶購(gòu)實(shí)例
- js代碼實(shí)現(xiàn)點(diǎn)擊按鈕出現(xiàn)60秒倒計(jì)時(shí)
- js實(shí)現(xiàn)n秒倒計(jì)時(shí)后才可以點(diǎn)擊的效果
- js倒計(jì)時(shí)簡(jiǎn)單實(shí)現(xiàn)方法
- js實(shí)現(xiàn)新年倒計(jì)時(shí)效果
- javascript倒計(jì)時(shí)效果實(shí)現(xiàn)
- 最全面的JS倒計(jì)時(shí)代碼
相關(guān)文章
Js使用WScript.Shell對(duì)象執(zhí)行.bat文件和cmd命令
這篇文章主要介紹了Js使用WScript.Shell對(duì)象執(zhí)行.bat文件和cmd命令,需要的朋友可以參考下2014-12-12IE之動(dòng)態(tài)添加DOM節(jié)點(diǎn)觸發(fā)window.resize事件
因?yàn)轫?yè)面很多UI是絕對(duì)定位的,所以當(dāng)窗口大小改變的時(shí)候會(huì)使原先的布局混亂,只好在每次window.resize的時(shí)候重新布局...2010-07-07js setTimeout實(shí)現(xiàn)延遲關(guān)閉彈出層
有時(shí)候我們希望彈出層能夠?qū)崿F(xiàn)延遲關(guān)閉,并且鼠標(biāo)在彈出層區(qū)域移動(dòng)的時(shí)候能夠保持顯現(xiàn),下面是具體的實(shí)現(xiàn)代碼。2010-04-04bootstrap實(shí)現(xiàn)彈窗和拖動(dòng)效果
這篇文章主要介紹了bootstrap實(shí)現(xiàn)彈窗和拖動(dòng)效果的相關(guān)資料,需要的朋友可以參考下2016-01-01JavaScript變量提升和嚴(yán)格模式實(shí)例分析
這篇文章主要介紹了JavaScript變量提升和嚴(yán)格模式,結(jié)合實(shí)例形式分析了javascript變量提升和嚴(yán)格模式的原理及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-01-01JavaScript實(shí)現(xiàn)三階幻方算法謎題解答
這篇文章主要介紹了JavaScript實(shí)現(xiàn)三階幻方算法謎題解答,三階幻方是指試將1~9這9個(gè)不同整數(shù)填入一個(gè)3×3的表格,使得每行、每列以及每條對(duì)角線上的數(shù)字之和相同,需要的朋友可以參考下2014-12-12jquery form表單獲取內(nèi)容以及綁定數(shù)據(jù)
這篇文章主要介紹了jquery form表單獲取內(nèi)容以及form表單綁定數(shù)據(jù),獲取表單的數(shù)據(jù)保存到數(shù)據(jù)庫(kù),或者將數(shù)據(jù)綁定到form表單,感興趣的小伙伴們可以參考一下2016-02-02asp(javascript)全角半角轉(zhuǎn)換代碼 dbc2sbc
asp與javascript 全角半角處理代碼2009-08-08