开始暂停按钮实现图片随机切换并显示在指定图像框内

目的

点击开始按钮 图片在框图区域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(失效属性执行)

注意：为了保证定时器对象以及图片对象是共享的，所以把他们放在最外层的入口函数下