养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

js如何实现网页一秒后显示图片

时间:2024-09-28 07:23:08

在js中,可以使用setTimeout方法实现一秒后将隐藏的图片显示出来。下面小编菰灞巴静举例讲解js如何实现网页一秒后显示图片。

js如何实现网页一秒后显示图片

工具/原料

联想笔记本Air14

操作系统Windows10

zendstudio10.0

方法/步骤

1、新建一个html文件,命名为test.html,用于讲解js如何实现网页一秒后显示图片。

js如何实现网页一秒后显示图片

2、在test.html页面中,使用img标签创建一张图片。

js如何实现网页一秒后显示图片

3、在test.html页面中,使用display属性将图片设置为隐藏不可见。

js如何实现网页一秒后显示图片

4、在script标签内,使用setTimeout方法在页面打开一秒后,将图片的dis圬桦孰礅play属性设置为block,即将隐藏的图片显示出来。

js如何实现网页一秒后显示图片

5、在浏览器打开test.html,查看结果。

js如何实现网页一秒后显示图片

© 一点知识