js怎么实现几秒后显示隐藏的div

 时间:2024-10-17 06:05:21

1、新建一个html文件,命名为test.html,用于讲解js怎么实现几秒后显示隐藏的div。

js怎么实现几秒后显示隐藏的div

2、在test.html文件内,使用div创建一个模块,设置class属性为mydiv,主要用于下面使用css对其进行样式布局。

js怎么实现几秒后显示隐藏的div

3、使用css设置div高宽都为300px,背景颜色为红色,同时设置div隐藏不显示。

js怎么实现几秒后显示隐藏的div

4、设置div的id属性为dd,主要用于下面通过该id获得div对象。

js怎么实现几秒后显示隐藏的div

5、在js标签内,创建一个myfun函数,在函数内使用getElementById()方法获得div对象,并设置div显示出来,不再隐藏。

js怎么实现几秒后显示隐藏的div

6、在函数的外面,使用定时器setTimeout()方法设置3秒后执行myfun函数。

js怎么实现几秒后显示隐藏的div

7、在浏览器打开test.html文件,查看实现的效果。

js怎么实现几秒后显示隐藏的div
  • 如何应对窜货的促销方法
  • QQ飞车如何使用R复位键
  • 冰与火之舞怎么加保存点
  • “随意变更会计处理方法”违反会计法吗?
  • phpmyadmin怎么建表,phpMyAdmin创建数据表方法
  • 热门搜索
    雪佛兰创酷怎么样 斗罗大陆图片大全 口号大全 油画棒画图片大全 农具大全 初中满分作文大全 搞笑故事大全 搜狗怎么打繁体字 i7处理器怎么样 反义词成语大全