jQuery定时隔行变色

jQuery可以轻松实现网页内容的定时隔行变色效果，通常通过`setInterval`函数结合CSS伪类`:nth-child()`来实现。以下是一个简单的示例：

$(document).ready(function() {
    var colors = ['#ff0000', '#00ff00', '#0000ff']; // 颜色数组
    var intervalId = setInterval(function() {
        $('tr:nth-child(even)').css('background-color', colors[0]); // 选择偶数行
        setTimeout(function() {
            $('tr:nth-child(odd)').css('background-color', colors[1]); // 等待一段时间后改变奇数行颜色
        }, 500); // 每隔500毫秒切换
        colors.push(colors.shift()); // 循环颜色数组
    }, 1000); // 每隔1秒切换

    // 清理定时器，防止页面关闭时动画未停止
    $(window).on('unload', function() {
        clearInterval(intervalId);
    });
});

这个脚本会在文档加载完成后，每隔一秒，将所有偶数行的背景颜色设置为数组中的第一个颜色，然后等待半秒后将所有奇数行的颜色改为数组中的第二个颜色，如此循环。