2024年3月13日发(作者：)

【jquery插件】jq_timeGo倒计时插件

【插件功能】

jq_timeGo倒计时插件：用于团购类网站团购项目时间的倒计时。

【原理】

通过使用setInterval函数每秒执行个时间计算函数然后生成相应的HTML添加到页

面中。

【演示地址】

/jquery_plugs/jq_timeGo/

【插件参数】

mainSeconds： 剩余时间获取对象样式,默认.remainSeconds

mainTimeShow： 时间显示区域对象,默认.remainTime

message ：时间结束后的信息显示对象,默认.message

callBackFunction ：回调函数,默认空( 格式function(element,msg){} element当

前对象，msg当前消息对象 )

【代码】

(function($){

//插件主要内容

$. = function(options) {

var opts = $.extend({},$.ts, options);

return (function() {

$this = $(this);

var sysSecond,interValObj;

var $mainSeconds=$(conds,$this);

var $mainTime=$(meShow,$this);

var $message=$(e,$this);

var callBackFunction=ckFunction;

sysSecond = parseInt($());

interValObj = erval(setRemainTime, 1000);

function setRemainTime()

{

if (sysSecond > 0)

{

sysSecond = sysSecond - 1;

var second = (sysSecond % 60); // 计算秒

var minite = ((sysSecond/60) % 60); //计算分

var hour = ((sysSecond / 3600) % 24); //计算小时

var day = ((sysSecond / 3600) / 24); //计算天

if (second>=0&&second<10) {second="0"+second};

if (day>=0&&day<10) {day="0"+day};

if (hour>=0&&hour<10) {hour="0"+hour};

if (minite>=0&&minite<10) {minite="0"+minite};

$("" + day + "

class='hour'>" + hour + "" + minite +

"" + second + "");

}

else if (sysSecond == -1){}

else

{//剩余时间小于或等于0的时候，就停止间隔函数

nterval(interValObj);

if(typeof callBackFunction ==

"function")callBackFunction($this,$message);

}

}

});

};

//插件主要内容结束

// 插件的defaults

$.ts = {

mainSeconds:".remainSeconds",//剩余时间获取对象

mainTimeShow:".remainTime",//时间显示区域对象

message:'.message',//时间结束后的信息显示对象

callBackFunction:''

};

// 闭包结束

})(jQuery);