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.jb51.cc/jquery/180624.html