利用JS完成轮播图和定时弹广告

在介绍用JS完成轮播图和定时弹广告的方法前，先介绍一个常用的切图功能（点击一个按钮，就切换到下一张图片）。
首先，确认事件：鼠标单击事件。

为图片命ID名，方便在写JS代码的时候能获取图片的路径。

JS代码：

1.一般轮播图或点击切图图片的命名都为有规律的数字，以便可以用变量来表示，并且可通过自增来改变变量从而切换图片。
2.为onClick绑定一个函数（function xx()）。
3.增加最后一个if条件判断的语句，让变量 i 在超过图片数量的时候，返回0，然后进行自增，又跳回到第一张图片，避免出现无图显示的情况。

下面介绍轮播图：
html:

轮播图要在进入页面的时候就看到并且能进行切换，所以就时间放在body部分，并且为加载事件。

此处又多了一个clearInterval()：
该函数用于清除计时器，用法与setInterval一样，需要一个函数和时间。
该功能先默认图片隐藏，然后用setInterval计时器写一个显示图片的函数，过了设置的时间后图片就显示，接着清楚此计时器，在创建一个新的计时器用于隐藏图片。