oracle怎么写秒表,jQuery timers计时器简单应用说明

因为方便嘛，Jquery已封装JS的setTimeout 和 setInterval 方法，下面看下应用例子：

/**

* jQuery.timers - Timer abstractions for jQuery

* Written by Blair Mitchelmore (blair DOT mitchelmore AT gmail DOT com)

* Licensed under the WTFPL (http://sam.zoy.org/wtfpl/).

* Date: 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, interval, 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",

regex: /^([0-9]+(?:\.[0-9]*)?)\s*(.*s)?$/,

powers: {

// Yeah this is major overkill...

'ms': 1,

'cs': 10,

'ds': 100,

's': 1000,

'das': 10000,

'hs': 100000,

'ks': 1000000

},

timeParse: function(value) {

if (value == undefined || value == 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 {

return value;

}

},

add: function(element, interval, label, fn, times) {

var counter = 0;

if (jQuery.isFunction(label)) {

if (!times)

times = fn;

fn = label;

label = interval;

}

interval = jQuery.timer.timeParse(interval);

if (typeof interval != 'number' || isNaN(interval) || interval < 0)

return;

if (typeof times != 'number' || isNaN(times) || times < 0)

times = 0;

times = times || 0;

var timers = jQuery.data(element, this.dataKey) || jQuery.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;

if (!timers[label][fn.timerID])

timers[label][fn.timerID] = window.setInterval(handler,interval);

this.global.push( element );

},

remove: function(element, label, fn) {

var timers = jQuery.data(element, this.dataKey), ret;

if ( timers ) {

if (!label) {

for ( label in timers )

this.remove(element, label, fn);

} else if ( timers[label] ) {

if ( fn ) {

if ( fn.timerID ) {

window.clearInterval(timers[label][fn.timerID]);

delete timers[label][fn.timerID];

}

} else {

for ( var fn in timers[label] ) {

window.clearInterval(timers[label][fn]);

delete timers[label][fn];

}

}

for ( ret in timers[label] ) break;

if ( !ret ) {

ret = null;

delete timers[label];

}

}

for ( ret in timers ) 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 Code

$("#close-button").click(function() {

$(this).oneTime(1000, function() {

$(this).parent(".main-window").hide();

});

});

$("#cancel-button").click(function() {

$("#close-button").stopTime();

});

jQuery Timers插件地址：

http://plugins.jquery.com/project/timers

下面来自JavaEye论坛的JQuery Timers应用知识

提供了三个函式

1. everyTime(时间间隔, [计时器名称], 函式名称, [次数限制], [等待函式程序完成])

2. oneTime(时间间隔, [计时器名称], 呼叫的函式)

3. stopTime ([计时器名称], [函式名称])

/*************************************************************

* everyTime(时间间隔, [计时器名称], 函式名称, [次数限制], [等待函式程序完成])

*************************************************************/

//每1秒执行函式test()

function test(){

//do something...

}

$('body').everyTime('1s',test);

//每1秒执行

$('body').everyTime('1s',function(){

//do something...

});

//每1秒执行，并命名计时器名称为A

$('body').everyTime('1s','A',function(){

//do something...

});

//每20秒执行，最多5次，并命名计时器名称为B

$('body').everyTime('2das','B',function(){

//do something...

},5);

//每20秒执行，无限次，并命名计时器名称为C

//若时间间隔抵到，但函式程序仍未完成则需等待执行函式完成后再继续计时

$('body').everyTime('2das','C',function(){

//执行一个会超过20秒以上的程式

},0,true);

/***********************************************************

* oneTime(时间间隔, [计时器名称], 呼叫的函式)

***********************************************************/

//倒数10秒后执行

$('body').oneTime('1das',function(){

//do something...

});

//倒数100秒后执行，并命名计时器名称为D

$('body').oneTime('1hs','D',function(){

//do something...

});

/************************************************************

* stopTime ([计时器名称], [函式名称])

************************************************************/

//停止所有的在$('body')上计时器

$('body').stopTime ();

//停止$('body')上名称为A的计时器

$('body').stopTime ('A');

//停止$('body')上所有呼叫test()的计时器

$('body').stopTime (test);

自定义时间单位

打开源代码

找到

powers: {

// Yeah this is major overkill...

'ms': 1,

'cs': 10,

'ds': 100,

's': 1000,

'das': 10000,

'hs': 100000,

'ks': 1000000

}

可以定制自己想要的了！