js实现动态轮播图功能详解

写在前面:

在页面每隔一段时间实现一个动态功能时可以使用定时器,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.点击停止时,停止切换
		*
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值