1.jq有哪些遍历的方法?
1)jq对象.each(callback)
2)$.each(object, [callback])
3)for..of

3.jq有哪些绑定事件的方法?
jq对象.事件方法(回调函数)；
jq对象.on("事件名称",回调函数)；

2.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
给开始按钮绑定单击事件
        定义循环定时器
        切换小相框的src属性
给结束按钮绑定单击事件
        停止定时器
        给大相框设置src属性

1.jq有哪些遍历的方法?
答：js遍历方法：for（初始化值；循环结束条件；步长）；
jq遍历方法：
（1）jq对象.each（function(index,element){}
index:就是元素在集合中的索引
element：就是集合中的每一个元素对象(js对象)
this：集合中的每一个元素对象(js对象)。
回调函数返回值：return true的含义为continue，return false含义为break；
（2）$.each(jq对象，回调函数)，回调函数与第一种一致，也有索引，也有element对象。
（3）for(元素对象 of 容器对象): jquery 3.0 版本之后提供的方式
                       
2.jq有哪些绑定事件的方法?
答：3种，
（1）jquery标准的绑定方式， jq对象.事件方法(回调函数)
注：如果调用事件方法，不传递回调函数，则会触发浏览器默认行为
（2）on绑定事件/off解绑事件
（3）事件切换：toggle 格式：jq对象.toggle（回调函数，回调函数....）
3.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
答：分为两部分，第一部分：1.先写一个入口函数，给点击开始绑定一个单击事件，回调函数里面setinterval（）方法设置一个循环计时器，
循环计时器的回调函数里面先用math类获得一个范围为存储备用图片src的数组的长度的随机数，这个随机数就是随机取出的数组索引，用prop方法给小相框的img标签设置src
属性值为取出的备用图片的src，index索引和循环计时对象记得提升作用域。
第二部分：给点击结束按钮绑定一个单击事件，回调函数里面，先清除计时器作用就是让小相框的图片切换停止下来，然后用prop方法
给大相框的img标签设置src属性为小相框img标签的src属性。
细节优化：可以给点击开始，点击结束按钮分别用prop方法设置disabled弃用属性为true或false，作用：使两个按钮在同一时刻只能有一个可以用。

1.jq有哪些遍历的方法?三种：$.each(function(index,element){}); $.each(object,[callback]) ;for ( 元素对象 of 容器对象)

2.jq有哪些绑定事件的方法?
jq对象.on（"事件名称",回调函数）；jq对象.off（"事件名称"） ；jq对象.toggle(fn1,fn2```)

3.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
首先以一个入口函数，里面分成两部分。接着把开始按钮绑定事件，在函数中设置一个循环计时器；计时器函数中去获得随机索引值，再调用方法去更换小图片prop（“src”，imgs【index】）；然后写第二部分 把停止按钮绑定事件，在事件函数中关闭循环计时器；计时器函数中去展示大图片。最后完善一下代码，设置两个按钮的状态，起初为开始启用，停止禁用，当开始按钮点击后，状态互换；当停止按钮点击后，状态再次互换。

1.jq有哪些遍历的方法?三种：$.each(function(index,element){}); $.each(object,[callback]) ;for ( 元素对象 of 容器对象)

2.jq有哪些绑定事件的方法?
jq对象.on（"事件名称",回调函数）；jq对象.off（"事件名称"） ；jq对象.toggle(fn1,fn2```)

3.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
首先以一个入口函数，里面分成两部分。接着把开始按钮绑定事件，在函数中设置一个循环计时器；计时器函数中去获得随机索引值，再调用方法去更换小图片prop（“src”，imgs【index】）；然后写第二部分 把停止按钮绑定事件，在事件函数中关闭循环计时器；计时器函数中去展示大图片。最后完善一下代码，设置两个按钮的状态，起初为开始启用，停止禁用，当开始按钮点击后，状态互换；当停止按钮点击后，状态再次互换。

1.jq有哪些遍历的方法?
答：js遍历方法：for（初始化值；循环结束条件；步长）；
jq遍历方法：
（1）jq对象.each（function(index,element){}
index:就是元素在集合中的索引
element：就是集合中的每一个元素对象(js对象)
this：集合中的每一个元素对象(js对象)。
回调函数返回值：return true的含义为continue，return false含义为break；
（2）$.each(jq对象，回调函数)，回调函数与第一种一致，也有索引，也有element对象。
（3）for(元素对象 of 容器对象): jquery 3.0 版本之后提供的方式
                        
2.jq有哪些绑定事件的方法?
答：3种，
（1）jquery标准的绑定方式， jq对象.事件方法(回调函数)
注：如果调用事件方法，不传递回调函数，则会触发浏览器默认行为
（2）on绑定事件/off解绑事件
（3）事件切换：toggle 格式：jq对象.toggle（回调函数，回调函数....）
3.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
答：分为两部分，第一部分：1.先写一个入口函数，给点击开始绑定一个单击事件，回调函数里面setinterval（）方法设置一个循环计时器，
循环计时器的回调函数里面先用math类获得一个范围为存储备用图片src的数组的长度的随机数，这个随机数就是随机取出的数组索引，用prop方法给小相框的img标签设置src
属性值为取出的备用图片的src，index索引和循环计时对象记得提升作用域。
第二部分：给点击结束按钮绑定一个单击事件，回调函数里面，先清除计时器作用就是让小相框的图片切换停止下来，然后用prop方法
给大相框的img标签设置src属性为小相框img标签的src属性。
细节优化：可以给点击开始，点击结束按钮分别用prop方法设置disabled弃用属性为true或false，作用：使两个按钮在同一时刻只能有一个可以用。

一、jq有哪些遍历的方法?
   1.jq对象.each(callback)
          1. 语法：
           jquery对象.each(function(index,element){});
                * index:就是元素在集合中的索引
                * element：就是集合中的每一个元素对象
                * this：集合中的每一个元素对象
          2. 回调函数返回值：
                * true:如果当前function返回为false，则结束循环(break)。
                * false:如果当前function返回为true，则结束本次循环，继续下次循环(continue)
   2. $.each(object, [callback])
   3. for..of: jquery 3.0 版本之后提供的方式
        for(元素对象 of 容器对象)

三、.jq有哪些绑定事件的方法?
        1. jquery标准的绑定方式
                * jq对象.事件方法(回调函数)；
                * 注：如果调用事件方法，不传递回调函数，则会触发浏览器默认行为。
                        * 表单对象.submit();//让表单提交
        2. on绑定事件/off解除绑定
                * jq对象.on("事件名称",回调函数)
                * jq对象.off("事件名称")
                        * 如果off方法不传递任何参数，则将组件上的所有事件全部解绑
        3. 事件切换：toggle
                * jq对象.toggle(fn1,fn2...)
                        * 当单击jq对象对应的组件后，会执行fn1.第二次点击会执行fn2.....

二、.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述？
首先对开始和停止按钮绑定单击事件。在开始绑定的事件里设置一个循环定时器，然后通过获取随机角标的方法设置小相框的src属性。然后在停止按钮的单击事件里设置停止定制器，然后根据小相框的src给大相框设置src属性。 接着去做下完善，给开始和结束id设置disabled属性，让其为点击开始按钮后开始按钮不可点击，结束按钮可以点击。在点击结束按钮后，结束按钮不可以点击，开始按钮可以点击。，最后要把绑定的startId和index提升他们的作用域，设置成员变量。

1.jq有哪些遍历的方法？
1）jq对象.each(callback)：
       Callback是回调函数，可以有参数和返回值。若返回true，则结束本次循环，继续下次循环(相当于continue)；返回false，则结束循环 (相当于break)。
2）$.each(object, [callback])
3）for(元素对象 of 容器对象)，是3.0版本之后提供的方式。
3.jq有哪些绑定事件的方法？
1）jquery标准的绑定方式：
       *jq对象.事件方法(回调函数)。如果调用事件方法，不传递回调函数，则会触发浏览器默认行为。
2）on绑定事件/off解除绑定
       *jq对象.on("事件名称",回调函数)
       *jq对象.off("事件名称")。如果off方法不传递任何参数，则将组件上的所有事件全部解绑
3）事件切换：toggle
       *jq对象.toggle(fn1,fn2...)。当单击jq对象对应的组件后，会执行fn1.第二次点击会执行fn2.....
       *注意：1.9版本 .toggle() 方法被删除，jQuery Migrate（迁移）插件可以恢复此功能。需要引入 <scriptsrc="../js/jquery-migrate-1.0.0.js" type="text/javascript"charset="utf-8"></script>
2.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
开始按钮：给开始按钮绑定单击事件。当点击开始按钮，则先调用setInterval()方法，设置循环计时器，每个20毫秒执行一次换图片的方法。在换图片的方法内，首先获取一个随机数作为图片数组（imgs）的索引，之后将小像框的img标签的src属性设置为对应的图片路径。
       停止按钮：给停止按钮绑定单击事件。当点击停止按钮时，首先调用clearInterval()方法，停止循环计时器。接着在大相框中切换选中的图片，即将img标签的src属性设置为对应的图片路径。
       若有需要，则可以将开始按钮和停止按钮分别在页面加载完成、点击开始按钮、点击停止按钮这三种情况下设置相应的权限。例如页面加载完成时只能点击开始按钮而不能点击停止按钮。
       可以在停止按钮的单击事件中，先将图片隐藏（调用hide()），然后调用show()方法以动画的形式出现。
       setInterval()方法有返回值，停止计时时将该返回值传入clearInterval()方法即可。不过需要将该返回值的作用域提升，以便在不同的方法内使用。
在开始按钮的单击事件中产生的随机数同样需要提升作用域，以便在停止按钮的单击事件中使用。

1.jq有哪些遍历的方法?
        1.jq对象.each(function(index, element){
                遍历操作, 其中return true代表continue, return false代表break
                })
        2.$.each(jq对象,function(index, element){
                遍历操作
                })
        3.jQuery.each(jq对象,function(index, element){
                遍历操作
                })
        4.for..of: jquery 3.0 版本之后提供的方式
                              for(元素对象 of 容器对象)

3.jq有哪些绑定事件的方法?
        1. jquery标准的绑定方式
                 jq对象.事件方法(回调函数)；
                        注意：如果调用事件方法，不传递回调函数，则会触发浏览器默认行为。
        2. on绑定事件/off解除绑定
                 jq对象.on("事件名称",回调函数)
                 jq对象.off("事件名称")
                         注意： 如果off方法不传递任何参数，则将组件上的所有事件全部解绑
        3. 事件切换：toggle
                jq对象.toggle(fn1,fn2...)
                        当单击jq对象对应的组件后，会执行fn1.第二次点击会执行fn2.....

2.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
        定义一个一维数组，用来存放图片的路径；
        给开始按钮绑定事件：
                定义一个循环定时器，让其每过一段时间，就执行一次，完成自动切换的效果；
                每次循环先在0-6中随机一个数，然后对照数组，找出响应的图片路径，让其显示在小相框中，完成图片切换功能；
        给结束按钮绑定事件：
                先停止循环定时器，停止小相框里图片的切换；
                然后将此时小相框图片展示在大相框上（根据此时随机出来的数，去对照数组）完成结果的展示；

吴元陶：

1.jq有哪些遍历的方法?
答：1).jq对象.each(callback)
        2).$.each(object,[callback])
        3).for ...of  JQuery3.0版本后提供的方法
2.jq有哪些绑定事件的方法?
答：1) jquery标准的绑定方式
      2.)on绑定事件/off解除绑定
      3) 事件切换：toggle(fn1,fn2...)当单击jq对象对应的组件后，会执行fn1.第二次点击会执行fn2.....
3.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
答：首先定义一个图片的路径数组，然后定义入口函数，绑定开始按钮的点击事件和停止按钮的点击事件，在开始按钮的事件中首先定义一个循环定时器，再通过Math类中的random和floor方法随机获取图片数组的索引值，然后让小相框的img中的src属性等于获取到的图片；在停止按钮的事件中首先设置一个关闭开始按钮事件中的循环定时器，然后让大相框中的img的src属性等于小相框的图片。
优化：分别在点击事件的开始和入口函数的开始设置按钮是否可用（disabled属性true或false）。

叶凌青

1.jq有哪些遍历的方法?
        1).jq对象.each(callback)
        2).$.each(object,[callback])
        3).for ...of
        4).for循环
3.jq有哪些绑定事件的方法?
        多个事件绑定同一个函数
        多个事件绑定不同函数
        用on()方法绑定多个选择器
        绑定自定义事件
        如果需要移除on()所绑定的方法，可以使用off()方法处理。
2.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
        给开始按钮和结束按钮绑定单击事件,定义循环定时器设置20毫秒执行一次,处理按钮是否可以使用的效果(两个按钮同时只能有一个可以点击),调用数学函数中的random函数获取0-6.999随机数,再调用floor函数进行向下取整,设置小相框的src属性。在结束按钮事件中停止定时器,给大相框设置src属性,显示1秒之后。

1.jq有哪些遍历的方法?
（1）jq对象.each(callback)。callback:对于每个匹配的元素所要执行的函数
（2）$.each(object, [callback])。callback:对于每个匹配的元素所要执行的函数
（3）for..of:  jquery 3.0 版本之后提供的方式

2.jq有哪些绑定事件的方法?
（1）JQ对象.事件(事件要执行的函数);
（2）JQ对象.on(“事件名称”,要执行的函数);
（3）JQ对象.toggle(fn…): 用于绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件

3.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
（1）将图片路径存储到imgs集合中
（2）为“开始”和“结束”按钮绑定单击事件
（3）在“开始”按钮绑定的函数中创建一个循环定时器，定时执行根据随机生成的索引切换小相框中的图片的函数。
（4）在“结束”按钮绑定的函数中关闭循环定时器。并且大相框展示小相框中的图片
（5）对两个按钮进行细节处理。

1.jq有哪些遍历的方法?
答：1).jq对象.each(callback)
        2).$.each(object,[callback])
        3).for ...of  JQuery3.0版本后提供的方法
2.jq有哪些绑定事件的方法?
答：1) jquery标准的绑定方式
      2.)on绑定事件/off解除绑定
      3) 事件切换：toggle(fn1,fn2...)当单击jq对象对应的组件后，会执行fn1.第二次点击会执行fn2.....
3.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
答：首先定义一个图片的路径数组，然后定义入口函数，绑定开始按钮的点击事件和停止按钮的点击事件，在开始按钮的事件中首先定义一个循环定时器，再通过Math类中的random和floor方法随机获取图片数组的索引值，然后让小相框的img中的src属性等于获取到的图片；在停止按钮的事件中首先设置一个关闭开始按钮事件中的循环定时器，然后让大相框中的img的src属性等于小相框的图片。
优化：分别在点击事件的开始和入口函数的开始设置按钮是否可用（disabled属性true或false）。

1.jq有哪些遍历的方法?
答：jq有三种遍历方法：
①通过jq的对象调用方法进行遍历：citys.each(function(index,element) {});
②通过JQuery全局对象方法进行遍历：$.each(citys,function(index,element) {});
③使用3.0版本的for...of方法进行遍历：for(city of citys) {};

2.jq有哪些绑定事件的方法?
答：jq有两种绑定事件的方法：
①标准绑定：jq对象.事件方法(回调函数)；
②通过on方法绑定：jq对象.on("事件名称",回调函数)

3.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
答：
前期准备：
1. 搭建静态页面框架：大相框，小相框，开始按钮，停止按钮
2. 将待抽奖的图片地址打包成一个图片数组
逻辑代码：
3. 给开始按钮绑定单击事件：
        ①调用循环定时器setInterval，设定函数和周期
        ②在循环内通过Math.random方法获取一个随机数，随机数小于图片数组的长度
        ③将小相框的图片地址周期性地改成图片数组中随机数对应索引位置的图片地址
4. 给结束按钮绑定单击事件：
        ①调用clearInterval方法停止定时器
        ②将大相框的图片地址修改为停止时小相框对应的图片地址
效果优化：
5. 在开始前，对停止按钮设定禁用效果；在开始后对开始按钮设定禁用效果
6. 对停止后大相框的图片展示效果进行优化，大相框获取图片地址后先隐藏图片，再通过show()方法展示

1.jq有哪些遍历的方法?
        1. jq对象.each(callback)
                1. 语法：
                        jquery对象.each(function(index,element){});
                                * index:就是元素在集合中的索引
                                * element：就是集合中的每一个元素对象

                                * this：集合中的每一个元素对象
                2. 回调函数返回值：
                        * true:如果当前function返回为false，则结束循环(break)。
                        * false:如果当前function返回为true，则结束本次循环，继续下次循环(continue)
        2. $.each(object, [callback])
        3. for..of: jquery 3.0 版本之后提供的方式
                for(元素对象 of 容器对象)

2.jq有哪些绑定事件的方法?
        1. jquery标准的绑定方式
                * jq对象.事件方法(回调函数)；
                * 注：如果调用事件方法，不传递回调函数，则会触发浏览器默认行为。
                        * 表单对象.submit();//让表单提交
        2. on绑定事件/off解除绑定
                * jq对象.on("事件名称",回调函数)
                * jq对象.off("事件名称")
                        * 如果off方法不传递任何参数，则将组件上的所有事件全部解绑
        3. 事件切换：toggle
                * jq对象.toggle(fn1,fn2...)
                        * 当单击jq对象对应的组件后，会执行fn1.第二次点击会执行fn2.....
                       
                * 注意：1.9版本 .toggle() 方法删除,jQuery Migrate（迁移）插件可以恢复此功能。
                         <script src="../js/jquery-migrate-1.0.0.js" type="text/javascript" charset="utf-8"></script>

3.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
        1. 给开始按钮绑定单击事件
                1.1 定义循环定时器
                1.2 切换小相框的src属性
                        * 定义数组，存放图片资源路径
                        * 生成随机数。数组索引
        2. 给结束按钮绑定单击事件
                1.1 停止定时器
                1.2 给大相框设置src属性

陈开明：


1.jq有哪些遍历的方法?
jq的遍历方式
1. jq对象.each(callback)
1. 语法：
jquery对象.each(function(index,element){});
* index:就是元素在集合中的索引
* element：就是集合中的每一个元素对象

* this：集合中的每一个元素对象
2. 回调函数返回值：
* true:如果当前function返回为false，则结束循环(break)。
2. $.each(object, [callback])
3. for..of: jquery 3.0 版本之后提供的方式
for(元素对象 of 容器对象)
3.jq有哪些绑定事件的方法?
1. jquery标准的绑定方式
* jq对象.事件方法(回调函数)；
* 注：如果调用事件方法，不传递回调函数，则会触发浏览器默认行为。
* 表单对象.submit();//让表单提交
2. on绑定事件/off解除绑定
* jq对象.on("事件名称",回调函数)
* jq对象.off("事件名称")
* 如果off方法不传递任何参数，则将组件上的所有事件全部解绑
3. 事件切换：toggle
* jq对象.toggle(fn1,fn2...)
* 当单击jq对象对应的组件后，会执行fn1.第二次点击会执行fn2.....
2.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
1、定义一个数组，里面存放要抽奖切换的图片。
2、给开始按钮绑定单击事件。
3、里面定义循环定时器，生成随机数，随机数为数组的索引
4、给结束按钮绑定单击事件
5、里面设置停止定时器
6、给大相框设置src属性

1.jq有哪些遍历的方法?
        1. jq对象.each(callback)
                1. 语法：
                        jquery对象.each(function(index,element){});
                                * index:就是元素在集合中的索引
                                * element：就是集合中的每一个元素对象

                                * this：集合中的每一个元素对象
                2. 回调函数返回值：
                        * true:如果当前function返回为false，则结束循环(break)。
                        * false:如果当前function返回为true，则结束本次循环，继续下次循环(continue)
        2. $.each(object, [callback])
        3. for..of: jquery 3.0 版本之后提供的方式
                for(元素对象 of 容器对象)

2.jq有哪些绑定事件的方法?
        1. jquery标准的绑定方式
                * jq对象.事件方法(回调函数)；
                * 注：如果调用事件方法，不传递回调函数，则会触发浏览器默认行为。
                        * 表单对象.submit();//让表单提交
        2. on绑定事件/off解除绑定
                * jq对象.on("事件名称",回调函数)
                * jq对象.off("事件名称")
                        * 如果off方法不传递任何参数，则将组件上的所有事件全部解绑
        3. 事件切换：toggle
                * jq对象.toggle(fn1,fn2...)
                        * 当单击jq对象对应的组件后，会执行fn1.第二次点击会执行fn2.....
                        
                * 注意：1.9版本 .toggle() 方法删除,jQuery Migrate（迁移）插件可以恢复此功能。
                         <script src="../js/jquery-migrate-1.0.0.js" type="text/javascript" charset="utf-8"></script>

3.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
        1. 给开始按钮绑定单击事件
                1.1 定义循环定时器
                1.2 切换小相框的src属性
                        * 定义数组，存放图片资源路径
                        * 生成随机数。数组索引
        2. 给结束按钮绑定单击事件
                1.1 停止定时器
                1.2 给大相框设置src属性

1.jq有哪些遍历的方法?
答：
        方法一：使用jq对象调用each；
                格式：jquery对象.each(function(index,element){});
                        index：表示索引；
                        element：索引对应的数据，是js对象；

        方法二：全局each；
                格式：$.each(object,[callback])；
                        object：传递想要遍历的jq对象或js数组都可以；
                        callback：回调函数
                        等同于jQuery.each(object, [callback])；

        方法三：for..of；
                格式：for(变量名 of jq对象)；
                        变量名等同于每个遍历出来的jq对象；
                        是jquery 3.0 版本之后提供的方式；

3.jq有哪些绑定事件的方法?
答：
        方法一：标准方式：
                格式：jq对象.事件方法(回调函数)；
                        可用链式编程绑定多个；
      
        方法二：on事件绑定/off解除绑定
                on事件绑定：jq对象.on("事件名称",回调函数)
                        同时绑定多个事件，用空格分开；
                off解除绑定：jq对象.off("事件名称")
                        不写事件名称，则默认解除所有事件绑定；

        方法三：事件切换
                格式：jq对象.toggle(fn1,fn2...)
                        每点击一次，就切换一次执行方法；
                        切换方式：按定义的回调函数，依次顺序循环执行；
                       
2.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
答：
      
        定义一个一维数组，用来存放图片的路径；
        给开始按钮绑定事件：
                定义一个循环定时器，让其每过一段时间，就执行一次，完成自动切换的效果；
                每次循环先在0-6中随机一个数，然后对照数组，找出响应的图片路径，让其显示在小相框中，完成图片切换功能；
        给结束按钮绑定事件：
                先停止循环定时器，停止小相框里图片的切换；
                然后将此时小相框图片展示在大相框上（根据此时随机出来的数，去对照数组）完成结果的展示；

1.jq有哪些遍历的方法?
答：
        1、js对象.each(callback)
        2、$.each(oject,[callback])
        3、for..of

3.jq有哪些绑定事件的方法?
答：
        1、标准的绑定方式
                js对象.事件方法
        2、on绑定事件方式
                js对象.on("事件名称",回调函数)

2.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
答：
开始按钮：给开始按钮绑定单击事件。当点击开始按钮，则先调用setInterval()方法，设置循环计时器，每个20毫秒执行一次换图片的方法。在换图片的方法内，首先获取一个随机数作为图片数组（imgs）的索引，之后将小像框的img标签的src属性设置为对应的图片路径。
       停止按钮：给停止按钮绑定单击事件。当点击停止按钮时，首先调用clearInterval()方法，停止循环计时器。接着在大相框中切换选中的图片，即将img标签的src属性设置为对应的图片路径。
       若有需要，则可以将开始按钮和停止按钮分别在页面加载完成、点击开始按钮、点击停止按钮这三种情况下设置相应的权限。例如页面加载完成时只能点击开始按钮而不能点击停止按钮。
       可以在停止按钮的单击事件中，先将图片隐藏（调用hide()），然后调用show()方法以动画的形式出现。
       setInterval()方法有返回值，停止计时时将该返回值传入clearInterval()方法即可。不过需要将该返回值的作用域提升，以便在不同的方法内使用。
在开始按钮的单击事件中产生的随机数同样需要提升作用域，以便在停止按钮的单击事件中使用。