我们在地铁口、商场大屏幕看到按照一定时间简单循环播放的广告和新闻,他们这种播放方式属于轮播。在JavaScript开发学习的过程中难免会枯燥些,本文小编向大家介绍JavaScript趣味学法,使用JavaScript定时器进行轮播特效操作。
1、轮播特效使用原理:使用定时器设置一定时间切换一张图片
定时器setInterval() 方法
可按照指定的周期(以毫秒计)来调用函数或计算表达式。
使用语法
setInterval(code,millisec[,"lang"])
参数
code(必需):要调用的函数或要执行的代码串。
millisec(必需):周期性执行或调用 code 之间的时间间隔,以毫秒计。
2、JavaScript实现自动轮播特效:
使用定时器setInterval() 方法设置2秒切换一张图片
<body> <imgsrc="cankao/0.jpg"width="600"/> </body> <script> vari=0; setInterval(function(){ i++; if(i==6){ i=0; } vara=document.querySelector("img"); a.src="cankao/"+i+".jpg" },2000) </script>原文来自:https://www.py.cn
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
暂无评论内容