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创建数据表方法
  • 热门搜索
    低碳环保手抄报 童话手抄报 防溺水手抄报内容文字 健康饮食手抄报 科普知识手抄报 民法典手抄报 珍爱生命预防溺水手抄报 春天的手抄报图片 关于诗歌的手抄报 清明节手抄报大全图片