setInerval()函数的活用，JavaScript构建简单的图片切换程序_使用setinervarl()方法和clearinterval()方法,制作一个图片播放器。当单击按-优快云博客

本文介绍了一个使用纯JavaScript实现的图片自动切换示例。通过设置不同的时间间隔来控制图片的切换速度，并允许用户手动选择上一张或下一张图片。此外，用户还可以选择自动播放功能并设定播放间隔。

代码如下： <html> <head> <title>changePic</title> </head> <body> <mce:script language="javascript" type="text/javascript"></mce:script> <table> <tr> <div id="sele"> <input type="radio" name="mr" value="500">500 <input type="radio" name="mr" value="1000">1000 <input type="radio" name="mr" value="2000">2000 <input type="button" id="mb" value="auto" onClick="auto()"> </div> </tr> <tr><img src="image/1.jpg" mce_src="image/1.jpg" id="myPic" onClick="next()"></tr> <tr> <td align="left"> <a href="javascript:pre()" mce_href="javascript:pre()" id="pre">pre</a> </td> <td align="right"> <a href="javascript:next()" mce_href="javascript:next()" id="next">next</a> </td> </tr> </table> </body> </html>