javascript電商網(wǎng)站搶購倒計時效果實現(xiàn)
更新時間：2015年11月19日 09:32:36 投稿：lijiao
這篇文章主要介紹了javascript電商網(wǎng)站搶購倒計時效果實現(xiàn)代碼，掌握日期對象Date，獲取時間的方法，感興趣的小伙伴們可以參考一下
本文實例講述了javascript電商網(wǎng)站搶購倒計時效果實現(xiàn)代碼。分享給大家供大家參考。具體如下：
運(yùn)行效果截圖如下：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>團(tuán)購——限時搶</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="團(tuán)購已結(jié)束";
clearInterval(sh);
}
}
FreshTime();
var sh;
sh=setInterval(FreshTime,1000);
</script>
</body>
</html>
很簡單的團(tuán)購限時搶購倒計時，特別適合用于現(xiàn)今團(tuá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-12
IE之動態(tài)添加DOM節(jié)點觸發(fā)window.resize事件
因為頁面很多UI是絕對定位的,所以當(dāng)窗口大小改變的時候會使原先的布局混亂,只好在每次window.resize的時候重新布局...2010-07-07
js setTimeout實現(xiàn)延遲關(guān)閉彈出層
有時候我們希望彈出層能夠?qū)崿F(xiàn)延遲關(guān)閉，并且鼠標(biāo)在彈出層區(qū)域移動的時候能夠保持顯現(xiàn)，下面是具體的實現(xiàn)代碼。2010-04-04
下面小編就為大家分享一篇使用selenium抓取淘寶的商品信息實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了bootstrap實現(xiàn)彈窗和拖動效果的相關(guān)資料,需要的朋友可以參考下2016-01-01
這篇文章主要介紹了JavaScript變量提升和嚴(yán)格模式,結(jié)合實例形式分析了javascript變量提升和嚴(yán)格模式的原理及相關(guān)操作注意事項,需要的朋友可以參考下2019-01-01
這篇文章主要介紹了JavaScript實現(xiàn)三階幻方算法謎題解答,三階幻方是指試將1~9這9個不同整數(shù)填入一個3×3的表格,使得每行、每列以及每條對角線上的數(shù)字之和相同,需要的朋友可以參考下2014-12-12
控制瀏覽器全屏的方法有很多，下面為大家介紹下js是如何做到的2014-02-02
jquery form表單獲取內(nèi)容以及綁定數(shù)據(jù)
這篇文章主要介紹了jquery form表單獲取內(nèi)容以及form表單綁定數(shù)據(jù)，獲取表單的數(shù)據(jù)保存到數(shù)據(jù)庫，或者將數(shù)據(jù)綁定到form表單，感興趣的小伙伴們可以參考一下2016-02-02
asp(javascript)全角半角轉(zhuǎn)換代碼 dbc2sbc
asp與javascript 全角半角處理代碼2009-08-08