是否可以根据某种类型的计时器更改项目类别或 ID?每隔 1500 毫秒,它会转到 hey-there-1,然后 1500ms 后变为 hey-there-2.. 等等,我可以控制它经历多少个间隔..
- 嘿,那里
- 嘿-那里-1
- 嘿-那里-2
- 嘿-那里-3
- (回到开头)嘿,那里
- 等等
谢谢
最佳答案
这样的插件功能将允许您做您想做的事情:
jQuery.fn.rotateClasses = function(classes, interval, max) {
var currentRotation = 0;
var timer = null;
var rotateFn = (function() {
var currentClass = currentRotation % classes.length;
var previousClass = currentClass - 1;
if(previousClass == -1) previousClass = classes.length - 1;
this.addClass(classes[currentClass]).removeClass(classes[previousClass]);
currentRotation += 1;
if(max > 0 && currentRotation >= max) clearInterval(timer);
})();
timer = setInterval(rotateFn, interval);
return this;
};
然后您可以使用以下命令简单地调用它:
$('#mydiv').rotateClasses(["class1", "class2", "class3"], 1000, 20);
只需根据需要修改参数即可。第一个参数是要旋转的类的数组,第二个参数是旋转它们的间隔,第三个参数是最大迭代次数。如果设置为0
,它将无限迭代。
关于jquery定时改变item类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1263062/