javascript - jquery倒计时插件翻牌速度偶尔过快,一秒中多次
PHPz
PHPz 2017-04-10 14:34:10
[JavaScript讨论组]

现在要实现一个页面中可以包含多个倒计时.
我找了个插件: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);
});

});       
PHPz
PHPz

学习是最好的投资!

全部回复(2)
巴扎黑

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

PHPz

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

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号