写在前面:
在页面每隔一段时间实现一个动态功能时可以使用定时器,setTimeout()和setInterval()方法详解:点击打开链接
注意事项:
1.定时器有返回值,返回的是定时器的编号
2.多次调用定时器可以产生多个定时器,产生的页面效果是循环的功能越来越快
3.清除定时器方法clearTimeout()和clearInterval()只能清楚对应定时器产生的最后一个编号(如果多次调用之后使用清除定时器方法只能清除最后一个定时器,
之前的定时器仍然可以继续运行。所以需要提前调用一次清除器,防止重复调用产生定时器。)
主要代码:
<body>
<button id="btn-start">Start</button><button id="btn-stop">Stop</button><br>
<img src="images/1.png" alt="" id="pic">
<script type="text/javascript">
/*
页面上有两个按钮 “开始” “停止”,一个图片
1.当点击“开始”按钮时,图片每个两秒切换一次(共有四张图片,循环切换)
2.点击停止时,停止切换
*