活動(dòng)倒計(jì)時(shí)腳本

  • 下面的源碼是這個(gè)當(dāng)天 9:30 ~ 10:30 的活動(dòng)展示的倒計(jì)時(shí)讀秒
var nowDate = $('#now_date1').val();//服務(wù)器當(dāng)前時(shí)間

//活動(dòng)倒計(jì)時(shí)
    this.countdown = function () {
        var djsdom = $('#countdown');
        if (djsdom.length > 0) {
            var start = new Date(nowDate);
            start.setHours(9, 30, 00);
            var end = new Date(nowDate);
            end.setHours(10, 30, 00);
            var f;
            var now = new Date(nowDate);
            f = setInterval(function () {
                if (now >= start && now <= end) {
                    now.setTime(now.getTime() + 1000);      //循環(huán)加1秒
                    var _times = end - now;
                    var _min = (parseInt(_times / 1000 / 60 % 60)).toString();
                    var _s = (parseInt(_times / 1000 % 60)).toString();
                    if (_min.length == 1) {
                        _min = '0' + _min;
                    }
                    if (_s.length == 1) {
                        _s = '0' + _s;
                    }
                    //console.log(_min + '\n' + _s);
                    djsdom.html('<div><span class="num">' + _min.substring(0, 1) + '</span><span class="num">' + _min.substring(1) + '</span><span class="num">' + _s.substring(0, 1) + '</span><span class="num">' + _s.substring(1) + '</span></div>');
                }
                else {
                    clearInterval(f);
                    djsdom.html('');
                }
            }, 1000);

        };
    };

效果圖


GIF3.gif
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,264評(píng)論 25 708
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,229評(píng)論 4 61
  • 現(xiàn)在接近凌晨一點(diǎn),在掛完好友電話后,我依舊沒有睡意,好友與分分合合四年,今天也算徹底結(jié)束,我不會(huì)安慰人,卻只能聽著...
    BabyBreath閱讀 226評(píng)論 0 1