在web开发中,时间控制经常用到,为了方便开发者,jQuery提供了一个非常好用的timer控件。

$(selector).everyTime(interval, function() {//执行的操作});

上面的代码中,"selector"是指定要操作的html元素,"interval"是每次操作的时间间隔,单位是毫秒。每次操作执行的内容,都在"function(){}"里面写。也可以在任意代码中停止timer。

$(selector).stopTime();

同样的,我们也可以指定要停止的timer。

$(selector).stopTime(timername);

上面代码中,"timername"是指定要停止的timer名称。

jQuery的timer不仅可以执行无限循环操作,也可以设定循环次数。

$(selector).oneTime(interval, function() {//执行的操作});

上面的代码中,"interval"指定时间间隔,"function(){}"是每个操作执行的内容。当需要循环多次时,可以像下面这样使用:

$(selector).oneTime(interval, timername, function() {//执行的操作if(/**循环次数达到要求,则停止*/){$(selector).stopTime(timername);}});

上面的代码中,"timername"是指定的timer名称,"if"语句里可以设定停止timer的条件。

jQuery的timer控件非常易用,并且拥有强大的功能,是一款web开发过程中少不了的工具。大家可以在开发中进行实际尝试,也可以参考官方文档深入了解。

jquery里的timer控件