背景:前幾天,老總說為年度優(yōu)秀員工評(píng)選活動(dòng)(活動(dòng)放在公司的OA上面,使用asp.net+MySQL開發(fā))添加一個(gè)倒計(jì)時(shí)功能,想想沒什么難度,不過是計(jì)算一下年月日時(shí)分秒而已,用javascript能夠簡(jiǎn)單搞定啦!
步驟:
1、傳入活動(dòng)結(jié)束時(shí)間;
2、獲取當(dāng)前時(shí)間;
3、計(jì)算時(shí)間戳的差值;
4、通過判斷差值并計(jì)算出剩余的時(shí)間
分享:
            var tid;     -- 當(dāng)前時(shí)間 時(shí)間間隔周期調(diào)用函數(shù)的標(biāo)記            var NowTime; -- 當(dāng)前時(shí)間            var t;       --  時(shí)間戳差值            var EndTime = new Date($("#hidEnd").val().replace(eval("/-/gi"), '/'));  -- $("#hidEnd").val() 記錄活動(dòng)結(jié)束時(shí)間的隱藏域 獲取的時(shí)間格式 yyyy-MM-dd HH:mm:ss 需要將'-'替換為'/'            function getRTime() {                NowTime = new Date();                t = EndTime.getTime() - NowTime.getTime();                if (t > 0) {                    var d = Math.floor(t / 1000 / 60 / 60 / 24);  -- 計(jì)算剩余天數(shù)                    var h = Math.floor(t / 1000 / 60 / 60 % 24);  -- 計(jì)算剩余小時(shí)數(shù)                    var m = Math.floor(t / 1000 / 60 % 60);       -- 計(jì)算剩余分鐘數(shù)                    var s = Math.floor(t / 1000 % 60);            -- 計(jì)算剩余秒數(shù)                    document.getElementById("rt").innerHTML = "離活動(dòng)結(jié)束還有:<br/>" + d + "天" + h + "時(shí)" + m + "分" + s + "秒";   -- rt 剩余時(shí)間所在span的ID                }                else {                    clearInterval(tid);                -- 活動(dòng)結(jié)束 清除計(jì)算                    //document.getElementById("rt").innerHTML = "活動(dòng)結(jié)束";                   }            }            tid = setInterval(getRTime, 1000);         -- 開始計(jì)算 間隔1S           總結(jié):看起來簡(jiǎn)單吧,不過還是經(jīng)過我一番調(diào)試搜索才搞定的,因?yàn)橐郧拔覊焊恢?a href="http://m.survivalescaperooms.com/article.asp?typeid=36">Javascript中的時(shí)間格式的限定只能用'/',而平時(shí)用的時(shí)間格式也是 yyyy-MM-dd,真是“書到用時(shí)方恨少啊”。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注