我正在尝试创建一种幻灯片.
问题:
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,只需确保检查它们.)