javascript如何让图片自动变换


本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。

方法:1、创建图片路径数组;2、用timeInterval定义切换时间,setInterval()设置时间定时执行函数;3、获得img对象,设初始curIndex,if语句比较图片名称,实现不断改变图片名称进而改变图片路径,实现切换效果。

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

JavaScript让图片自动变换的方法

1、新建一个html文件,命名为test.html,用于讲解怎样用javascript实现图片定时切换。

QQ图片20210408092203.png

2、在test.html,使用img标签创建一张图片的显示,并且设置其id属性为obj,方便下面获得该元素对象。

QQ图片20210408092203.png

3、在test.html页面的script标签内,使用new Array()创建一个图片路径的数组,里面放三张图片的文件名。

QQ图片20210408092203.png

阅读剩余部分

相关阅读 >>

javascript关于数组的方法有哪些不同之处?

javascript现继承的四种方式(代码示例)

require.context的用法介绍(附示例)

javascript如何转换大小写

javascript怎么设置src属性

javascript如何设置select

javascript如何打印

12个编写干净且可扩展的javascript代码的小技巧

详解javascript之作用域

javascript字符串如何替换元素

更多相关阅读请进入《javascript》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...