JavaScript实现图片切换、裁剪与自动轮播功能

 
<script type="text/javascript">
定义变量i初始值为1，并声明变量n。
定义函数showImg()用于处理图片切换逻辑：
判断id为'img'的图片元素当前src属性是否等于"images/1.jpg"：
若是，则将该图片的src属性设置为"images/2.jpg"；
} 
否则（else分支）：
将图片的src属性设置为"images/1.jpg"；
} 
} 
定义函数showImg1()用于处理图片裁剪或动态显示：
将图片的src属性设置为"images/"加上当前变量i的值再加".jpg"，随后将i自增1；
判断变量i是否大于10：
{ 
若是，则将i重置为1；
} 
} 
定义函数show()用于启动自动轮播：
使用setInterval调用showImg1函数，间隔时间为500毫秒，并将定时器ID赋值给n；
} 
定义函数show1()用于停止自动轮播：
使用clearInterval清除之前设置的定时器n；
} 
</script>
</head>
<body>
页面主体包含一个id为'img'的图片元素，初始源为"images/1.jpg"，宽高均为200像素；
添加一个按钮Button1，文本为"换图片"，点击时触发showImg()函数；
添加一个按钮Button2，文本为"切图"，点击时触发showImg1()函数；
添加一个按钮Button3，文本为"轮换"，点击时触发show()函数以启动轮播；
添加一个按钮Button4，文本为"停止轮换"，点击时触发show1()函数以停止轮播；
</body>
</html>