1

私は jquery プラグインを検索しています: - 時間のカウントダウンを設定できます - カウントダウンが 0 に達したときに関数を設定します。- カウントダウンの開始/停止/一時停止/リセット

誰でも私を助けることができますか?どうもありがとう。

4

1 に答える 1

5

ライブラリがなくても、自分で簡単に作成できます。

<!-- HTML -->
<a href="#" class="start">start</a>
<a href="#" class="stop">stop</a>
<a href="#" class="pause">pause</a>
<a href="#" class="reset">reset</a>

<div class="time"></div>

-</p>

//Javascript
var startValue = 120000; //Number of milliseconds
var time = new Date(startValue);
var interv;


function done(){
    alert("Timer reached 00:00!");
}
$(function(){
    displayTime();
    $(".start").on("click", function(){
    interv = setInterval(function(){
        time = new Date(time - 1000);
        if(time<=0){
            done();
            clearInterval(interv);
        }
        displayTime();
    }, 1000);
    });
    $(".stop").on("click", function(){
        clearInterval(interv);
        time = new Date(startValue);
        displayTime();
    });
    $(".pause").on("click", function(){
        clearInterval(interv);
    });
    $(".reset").on("click", function(){
        time = new Date(startValue);
        displayTime();
    });
});

function displayTime(){
    $(".time").text(fillZeroes(time.getMinutes()) + ":" + fillZeroes(time.getSeconds()));
}

function fillZeroes(t){
    t = t+"";
    if(t.length==1)
        return "0" + t;
    else
        return t;
}
​

Jsフィドル

于 2012-11-18T14:00:04.467 に答える