jQuery 타이머 간단한 애플리케이션 지침_jquery

/**
* jQuery.timers - jQuery용 타이머 추상화
* 작성자: Blair Mitchelmore(blair DOT mitchelmore AT gmail DOT com)
* WTFPL(http://sam.zoy.org/wtfpl/)에 따라 라이센스가 부여됨 ).
* 날짜: 2009/10/16
*
* @author Blair Mitchelmore
* @version 1.2
*
**/

jQuery.fn.extend({
everyTime: function(interval, label, fn, times) {
return this .each(function() {
jQuery.timer.add(this, Interval, label, fn, times);
});
},
oneTime : function(interval, label, fn ) {
return this.each(function() {
jQuery.timer.add(this, 간격, label, fn, 1);
}); >},
stopTime: function(label, fn) {
return this.each(function() {
jQuery.timer.remove(this, label, fn);
}); 🎜>}
}) ;

jQuery.extend({
timer: {
global: [],
guid: 1,
dataKey: "jQuery.timer ",
정규식: / ^([0-9] (?:.[0-9]*)?)s*(.*s)?$/,
힘: {
// 그래 이건 너무 과한 짓이야...
'ms': 1,
'cs': 10,
'ds': 100,
's': 1000,
'das' : 10000,
'hs': 100000,
'ks': 1000000
},
timeParse: function(value) {
if (값 == 정의되지 않음 || 값 == null )
return null;
var result = this.regex.exec(jQuery.trim(value.toString()))
if (result[2]) {
var num = parseFloat( result[1]);
var mult = this.powers[result[2]] || 1;
return num * mult
} else {
반환 값; 🎜>},
add : 함수(요소, 간격, 레이블, fn, 시간) {
var counter = 0

if (jQuery.isFunction(label)) {
if (!times)
times = fn;
fn = label;
label = 간격;

interval = jQuery.timer.timeParse(간격); 🎜>if (typeof 간격 != '숫자' || isNaN(간격) || 간격 < 0)
return

if (typeof times != '숫자' || isNaN(times) || 회 < 0)
회 = 0;

var 타이머 = jQuery.data(element, this.dataKey) || data(element, this.dataKey, {});

if (!timers[label])
timers[label] = {}

fn.timerID = fn.timerID || this.guid ;

var handler = function() {
if (( counter > times && times !== 0) || fn.call(element, counter) === false )
jQuery.timer.remove(element, label, fn)

handler.timerID = fn.timerID; fn.timerID])
타이머[label][fn.timerID] = window.setInterval(handler,interval);

this.global.push( 요소 )

};
remove: function(element , label, fn) {
var 타이머 = jQuery.data(element, this.dataKey), ret

if ( 타이머 ) {

if (!label) {
for ( 타이머의 라벨 )
this.remove(element, label, fn)
} else if ( 타이머[label] ) {
if ( fn ) {
if ( fn.timerID ) {
window.clearInterval(timers[label][fn.timerID])
delete 타이머[label][fn.timerID]
}
} else {
for ( var fn in 타이머[label] ) {
window.clearInterval(timers[label][fn])
delete 타이머[label][fn]}
> >}

for ( ret in 타이머 ) break;
if ( !ret )
jQuery.removeData(element, this.dataKey)
}
}
}
})

jQuery(window).bind("unload", function() {
jQuery.each(jQuery.timer.global, function(index, item) {
jQuery.timer.remove(item) ;
});
});


JS 코드




🎜>

코드는 다음과 같습니다:


$("#close-button").click(function() {
$(this).oneTime(1000 , function() {
$(this ).parent(".main-window").hide();
})
$("#cancel-button" ).click(function() {
$("#close-button").stopTime();
})

코드 복사


코드는 다음과 같습니다.
에서 test()를 호출하는 모든 타이머를 중지합니다. 사용자 정의 시간 단위
소스 코드 열기
찾기

사용자 정의할 수 있습니다. 당신이 원하는 것!