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如何删除html元素

javascript怎么删除css样式

详解js中map和foreach的差异

鲜为人知的 json.stringify 用法

javascript之 这次彻底搞懂new操作符!

web程序员必备 console 对象里的九个方法

如何理解javascript的对象

js中null是什么意思?

element-ui对话框可拖拽的功能如何实现?(附代码)

javascript中var,let与const的区别是什么?

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




打赏

取消

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

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

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

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

评论

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