jquery定时

jQuery 定时方法

jQuery 本身不提供定时功能，但可以利用 JavaScript 的 setTimeout 和 setInterval 方法结合 jQuery 实现定时操作。

使用 setTimeout 实现延迟执行

setTimeout 用于在指定时间后执行一次函数。

// 延迟 2 秒后执行
setTimeout(function() {
    $('#element').fadeOut();
}, 2000);

使用 setInterval 实现循环执行

setInterval 用于每隔指定时间重复执行函数。

// 每隔 1 秒执行一次
var interval = setInterval(function() {
    $('#element').toggleClass('active');
}, 1000);

// 停止定时器
$('#stopButton').click(function() {
    clearInterval(interval);
});

使用 jQuery 的 delay 方法

jQuery 的 delay 方法主要用于动画队列中的延迟。

$('#element').fadeIn().delay(1000).fadeOut();

使用 jQuery 动画的回调函数

可以在动画完成后执行回调函数，实现定时效果。

$('#element').fadeOut(1000, function() {
    $(this).text('Animation complete');
});

注意事项

• setTimeout 和 setInterval 的时间参数以毫秒为单位。
• 使用 clearTimeout 和 clearInterval 可以取消定时器。
• 在页面卸载前记得清除定时器，避免内存泄漏。