Jquery setInterval()不起作用

前端之家收集整理的这篇文章主要介绍了Jquery setInterval()不起作用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试创建一种幻灯片.

问题:

function slides(x) {
      $("#irack").stop().animate({"left": x},20);
 };
setInterval(slides(-30),300);

代码仅将div向左移动1次.

为什么不每300毫秒移动div?

解决方法

您需要将代码包装为在函数中间隔运行:
function slides(x) {
      $("#irack").stop().animate({"left": x},20);
};
setInterval(function() {
    slides(-30);
},300);

你真的是说setInterval吗?这将持续发生,每300ms左右.如果您只想发生一次,请使用setTimeout.

更新:如果您想稍后取消该间隔,则需要将句柄保存到变量:

// Somewhere appropriate,have a variable for the handle
var handle = 0; // 0 = not running

...

// Starting:
handle = setInterval(...);

...

// Stopping:
if (handle != 0) {
    clearInterval(handle);
}
handle = 0;

注意在未设置时使用0作为句柄. 0是setInterval的无效返回值,因此您可以依赖它. (如果你愿意,可以使用undefined或null,只需确保检查它们.)

原文链接:https://www.f2er.com/jquery/180624.html

猜你在找的jQuery相关文章