如何让下面的jquery滑块代码自动滑动

<div id="slider">
  <div class="slide">Slide 1</div>
  <div class="slide">Slide 2</div>
  <div class="slide">Slide 3</div>
</div>

$(document).ready(function() {
  // 设置滑块的宽度和初始位置
  var slideWidth = $('.slide').width();
  var slideCount = $('.slide').length;
  var sliderWidth = slideWidth * slideCount;
  $('#slider').css('width', sliderWidth);
  
  // 定义滑动函数
  function slide() {
    // 获取当前滑块的位置
    var currentPosition = parseInt($('#slider').css('left'));
    
    // 计算下一个滑块的位置
    var nextPosition = currentPosition - slideWidth;
    
    // 判断是否到达最后一个滑块，如果是则返回到第一个滑块
    if (nextPosition < -(sliderWidth - slideWidth)) {
      nextPosition = 0;
    }
    
    // 使用动画效果滑动到下一个滑块
    $('#slider').animate({'left': nextPosition}, 500);
  }
  
  // 设置定时器，每隔3秒自动滑动一次
  setInterval(slide, 3000);
});