开始暂停按钮实现图片随机切换并显示在指定图像框内
目的
点击开始按钮 图片在框图区域1中随机滚动
点击停止按钮 图片停止滚动并且展示在大框图区域2中
页面标签代码
功能实现
1：点击开始按钮的响应函数
3是定义的循环定时器
- 定时时间为20ms,其执行的功能是随机抽取图片，
- 通过math.random执行，因为有6张图片，而math.random随机数范围为0.00-9.999，所以乘7后向下取整（math.floor）得到范围为0.000-6；
- 再得到图片的索引后通过prop更新元素属性值
2：点击停止按钮的响应函数
定时器停止clearInterval(a),这里的a表示的是定义的循环的定时器执行对象start
tip:椭圆圈表示的是在执行开始按钮后开始按钮失效，执行停止按钮后停止按钮失效（不可点），其作用语句为：
$("#stopID").prop("disabled",false);即表示在属性值为stopID的元素下，设置其disabled（失效属性），为false（失效属性不执行）/true(失效属性执行)
注意：为了保证定时器对象以及图片对象是共享的，所以把他们放在最外层的入口函数下