jQuery 中使用 setInterval 调用函数

使用 setInterval 方法可以在 jQuery 中定期调用一个函数。这个函数会在指定的时间间隔内重复执行，直到 clearInterval 方法被调用停止。这是一个非常有用的功能，特别是在需要定时更新数据、轮播幻灯片或执行其他需要定期触发的操作时。

javascript
$(document).ready(function() {
  // 定义一个变量用于存储定时器的ID
  var intervalId;
  // 定义一个函数，用于在每次调用时更改元素的背景颜色
  function changeColor() {
    // 生成一个随机的RGB颜色值
    var red = Math.floor(Math.random() * 256);
    var green = Math.floor(Math.random() * 256);
    var blue = Math.floor(Math.random() * 256);
    var color = "rgb(" + red + ", " + green + ", " + blue + ")";
    // 更改元素的背景颜色
    $("body").css("background-color", color);
  }
  // 在页面加载完成后开始定时执行函数
  $(window).on("load", function() {
    // 每隔1秒执行一次函数
    intervalId = setInterval(changeColor, 1000);
  });
  // 在点击按钮时停止定时器
  $("#stopButton").click(function() {
    clearInterval(intervalId);
  });
});

javascript
$(document).ready(function() {
  function updateClock() {
    var now = new Date();
    var hours = now.getHours();
    var minutes = now.getMinutes();
    var seconds = now.getSeconds();
    // 格式化时间，确保显示的数字都是两位数
    if (hours < 10) {
      hours = "0" + hours;
    }
    if (minutes < 10) {
      minutes = "0" + minutes;
    }
    if (seconds < 10) {
      seconds = "0" + seconds;
    }
    // 更新时间显示
    $("#clock").text(hours + ":" + minutes + ":" + seconds);
  }
  // 在页面加载完成后开始定时更新时间
  $(window).on("load", function() {
    // 每隔1秒更新一次时间
    setInterval(updateClock, 1000);
  });
});