jQuery倒计时插件

 查看演示  website  立即下载

使用方法

只需引用

<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="countdown.js"></script>

html代码，设置60秒倒计时

<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          定时完成回调
*/

PREVIOUS:
NEXT:
js输入框四位分割加空格 光标位置正确
纯净版中国地图功能内容关联实现