search

Home  >  Q&A  >  body text

javascript - jquery倒计时插件翻牌速度偶尔过快,一秒中多次

现在要实现一个页面中可以包含多个倒计时.
我找了个插件:https://github.com/Reflejo/jquery-countdown
可是当包含多个倒计时的时候,后面几个会发生翻转速度过快的问题。一秒中应该翻牌一次,可是有时候会翻两三次。
演示地址:http://cakephpchina.com/jquery-countdown/1.html
实例下载:http://cakephpchina.com/jquery-countdown.zip
技术有限,请大神指点

 $(function(){
   o1 = {
    image: "img/digits.png",
    format: "dd:hh:mm:ss",
    endTime: new Date(2014, 12, 2)
   }

$(".digits1").countdown(o1);

    $("#change").click(function(event) {
    // $("document").stop(true, true).finish();
    $(".digits1").stop(true, true).finish().html('').remove();
    o1 = null;
    o2 = {
        image: "img/digits.png",
        format: "dd:hh:mm:ss",
        endTime: new Date(2014, 12, 2)
    };
    $(".digits2").countdown(o2);
});

});       
PHPzPHPz2894 days ago520

reply all(2)I'll reply

  • 巴扎黑

    巴扎黑2017-04-10 14:36:10

    换了个更强大的倒计时插件 http://flipclockjs.com/ 支持单个网页包含多个倒计时

    reply
    0
  • PHPz

    PHPz2017-04-10 14:36:10

    你应该去了解一下setInterval函数的使用方法

    当你每次点击的时候,需要进行clearInterval()

    reply
    0
  • Cancelreply