快捷導(dǎo)航

javascript電商網(wǎng)站搶購倒計(jì)時(shí)效果實(shí)現(xiàn)

更新時(shí)間：2015年11月19日 09:32:36 投稿：lijiao

這篇文章主要介紹了javascript電商網(wǎng)站搶購倒計(jì)時(shí)效果實(shí)現(xiàn)代碼，掌握日期對(duì)象Date，獲取時(shí)間的方法，感興趣的小伙伴們可以參考一下

本文實(shí)例講述了javascript電商網(wǎng)站搶購倒計(jì)時(shí)效果實(shí)現(xiàn)代碼。分享給大家供大家參考。具體如下：
運(yùn)行效果截圖如下：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>團(tuán)購——限時(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)購已結(jié)束";
        clearInterval(sh);
    }
}
    FreshTime();
    var sh;
    sh=setInterval(FreshTime,1000);
</script>
</body>
</html>

很簡單的團(tuán)購限時(shí)搶購倒計(jì)時(shí)，特別適合用于現(xiàn)今團(tuán)購網(wǎng)、電商網(wǎng)、門戶網(wǎng)等倒計(jì)時(shí)搶購活動(dòng)，希望本文能幫助大家熟練掌握javascript倒計(jì)時(shí)效果的實(shí)現(xiàn)方法。

您可能感興趣的文章:

相關(guān)文章

JavaScript中的垃圾回收與內(nèi)存泄漏示例詳解
這篇文章主要給大家介紹了關(guān)于JavaScript中垃圾回收與內(nèi)存泄漏的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
2019-05-05
在VS?Code中使用Snippet?Craft擴(kuò)展提高編碼效率的過程詳解
這篇文章主要介紹了在VS?Code中使用Snippet?Craft擴(kuò)展提高編碼效率,本文通過圖文并茂的形式給大家介紹的非常詳細(xì),需要的朋友可以參考下
2024-08-08
javascript中的變量作用域以及變量提升詳細(xì)介紹
在javascript中，理解變量的作用域以及變量提升是非常有必要的。這個(gè)看起來是否很簡單，但其實(shí)并不是你想的那樣，還要一些重要的細(xì)節(jié)你需要理解
2013-10-10
js中的異常處理try...catch使用介紹
在JavaScript可以使用try...catch來進(jìn)行異常處理，下面有個(gè)不錯(cuò)的示例，大家可以參考下，希望對(duì)大家有所幫助
2013-09-09
JSON.stringify轉(zhuǎn)換JSON時(shí)日期時(shí)間不準(zhǔn)確的解決方法
這篇文章主要介紹了JSON.stringify轉(zhuǎn)換JSON時(shí)日期時(shí)間不準(zhǔn)確的解決方法,即JSON數(shù)據(jù)中包含日期對(duì)象時(shí),在轉(zhuǎn)換時(shí)會(huì)轉(zhuǎn)換成國際時(shí)間,而不是中國的時(shí)區(qū),需要的朋友可以參考下
2014-08-08
JavaScript遍歷DOM元素的常見方式示例
這篇文章主要介紹了JavaScript遍歷DOM元素的常見方式,涉及javascript中firstChild、lastChild、firstElementChild、nextElementSibling等函數(shù)遍歷dom元素相關(guān)使用技巧,需要的朋友可以參考下
2019-02-02
echarts大屏字體自適應(yīng)的方法步驟
這篇文章主要介紹了echarts大屏字體自適應(yīng)的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-07-07
一文詳解如何處理JavaScript中的NaN
在?JavaScript?中,NaN（Not-a-Number）表示一個(gè)無效的數(shù)字值,通常,它出現(xiàn)在嘗試將無法轉(zhuǎn)換為數(shù)字的值與數(shù)字進(jìn)行運(yùn)算時(shí),本文主要來聊聊如何處理JavaScript中的NaN,感興趣的可以了解下
2025-01-01
細(xì)說JavaScript中的變量,作用域和垃圾回收
這篇文章主要和大家介紹一下JavaScript中的變量,作用域和垃圾回收的定義與使用，文中的示例代碼講解詳細(xì)，對(duì)我們學(xué)習(xí)JavaScript有一定的幫助，需要的可以參考一下
2022-11-11
js獲取checkbox值的方法
這篇文章主要介紹了js獲取checkbox值的方法,涉及js針對(duì)節(jié)點(diǎn)的操作技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-01-01