jquery ...天文钟插件

Question

我正在搜索 jquery 插件，其中:- 您可以设置倒计时时间- 设置倒计时到0时的函数；- 开始/停止/暂停/重置倒计时

有人可以帮助我吗？非常感谢。

Answer 1

您可以轻松地自己编写一个而不需要库:

<!-- 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>

-​

//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;
}
​

JsFiddle