在播放幻灯片的时候，会发生两个事件，一个叫做 slide.bs.carousel ... 这个事件在切换播放的幻灯片的时候，会立即发生 ... 切换完成以后，又会触发一个叫 slid.bs.carousel 的事件 ... 下面，我们去试一下 ...

我们可以直接把代码放到这个页面的底部 ... 用一组 script 标签 ... 然后再用一个 jQuery 的在页面加载以后立即执行的函数 ...

$(function() {});

在这个函数里面，可以用 jQuery 的 on 这个方法去监听事件 ... 先找到事件发生的元素 ... 这里我们要监听是发生在旋转木马上面的事件 ... 所以，先要找到旋转木马的包装元素 ... 也就是那个带 .carousel 类的元素 ... 不过在这个元素上，我定义一个叫 #slideshow 的 id ，也可以用这个 id 来定位这个旋转木马。

找到以后，使用 on ，去监听事件 ... 设置一下监听的事件的名字 ... slide.bs.carousel .. 这个事件在播放幻灯片的时候会立即发生 ... 发生这个事件的时候，可以在控制台上输出点文字 ...

$('#slideshow').on('slide.bs.carousel', function() {
console.log('播放幻灯片');
});

再去类似的方法，去监听一下 slid.bs.carousel ...

$('#slideshow').on('slid.bs.carousel', function() {
console.log('播放完成！');
});

保存 ... 回到浏览器 .... 打开控制台 ...

点击这个向右的箭头 ... 切换到下一张幻灯片 ... 这会立即触发 slide.bs.carousel ... 所以，在控制台上，你先看到的是 播放幻灯片 这几个字 ...

切换完成以后，又会触发 slid.bs.carousel ... 所以，接着会显示 播放完成 ...