首頁  >  文章  >  web前端  >  Jquery倒數原始碼分享_jquery

Jquery倒數原始碼分享_jquery

WBOY
WBOY原創
2016-05-16 16:48:031232瀏覽

在靜態頁面中新增顯示倒數計時的容器,並引用下面腳本,代入時間參數即可使用。

timeoutDate-到期時間,時間格式為2014/01/01或2014/1/1

D——天

H——小時

M——分鐘

S——秒

xs——數字0~9

效果圖:

Jquery倒數原始碼分享_jquery

程式碼展示:

html:

複製程式碼 程式碼如下:


jquery:

複製代碼 代碼如下:

$().ready(function () {
    CcountDown([, , timeoutDate], ['還有 D 天 H 時 M 分 S 秒 xs 到期' , '', ''], '#top_tuan_countdown', function () { $('#top_tuan_countdown').remove() });
})
function CcountDown(t, c, _self, fn) {
    function nd(d) {
        return isNaN(d) ? (d ? new Date(d).getTime() : new Date().getTime()) : 000;
    var e = [nd(t[0]), nd(t[1]), nd(t[2])], _s = _self, b;
    if (t[0] && e[ 0] > e[1]) {
        $(_s).html(c[1]);
        return;
    } else     return;
  >        fn && fn($(_s));
        $(_s).html(c[2]);
    🎜> var l = l || (e[2] - e[1]) / 100, k = {
            D: l / 36000 / 24, H: l / 36000 % l 24, M% S: l / 10 % 60, xs: l % 10
        };
        $(_s).html(c[0].replace(/D     $(_s).html(c[0].replace(/D     $(_s).html(c[0]。 m) {
            var n = parseInt(k[m]) ''
            if (n.lengh====== 1 & c             n = 0 n;
            }
           以 return n
   🎜>            b(l - 1)
        }, 100);
    }) ()
}


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn