jQuery倒计时插件

查看演示立即下载

插件描述：jQuery倒计时插件，简单使用兼容性好。

使用方法

只需引用

1 2	`<script` `src="/"></script>` `<script` `src="countdown.js"></script>`

html代码，设置60秒倒计时

1	`<div` `class="container timeBar"` `data="60"` `></div>`

js代码

$(function() {
    $(".timeBar").each(function() {
        $(this).countdownsync({
            dayTag: "",
            hourTag: "<label class='tt hh dib vam'>00</label><span>时</span>",
            minTag: "<label class='tt mm dib vam'>00</label><span>分</span>",
            secTag: "<label class='tt ss dib vam'>00</label><span>秒</span>",
            dayClass: ".dd",
            hourClass: ".hh",
            minClass: ".mm",
            secClass: ".ss",
            isDefault: false,
            showTemp: 1
 
        }, function() {
            location.reload();
        });
    });
});

参数说明

/** 
* 倒计时插件
* @author Tungse
* @param dayTag           显示天数的html
* @param hourTag          显示小时的html
* @param minTag           显示分钟的html
* @param secTag           显示秒数的html
* @param dayClass         绑定天数对应tag的ClassName
* @param hourClass        绑定小时对应tag的ClassName
* @param minClass         绑定分钟对应tag的ClassName
* @param secClass         绑定秒数对应tag的ClassName
* @param isDefault        是否使用默认tagTemp
* @param showTemp         显示模板0：(天时分秒) 1：(时分秒)
* @param backfun          定时完成回调
*/

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效：纯净版中国地图功能内容关联实现
下一个特效： js输入框四位分割加空格光标位置正确