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

javascript

代码编纂器:Dreamweaver CS5

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解js怎么实现几秒后显示埋没的div。

    d52a2834349b033b3fcd2bd31ace36d3d539bd76.jpg
  2. 2

    在test.html文件内,利用div建立一个模块,设置class属性为mydiv,本家儿要用于下面利用css对其进行样式结构。

    242dd42a2834349b6043b98cc6ea15ce36d3be76.jpg
  3. 3

    利用css设置div高宽都为300px,布景颜色为红色,同时设置div埋没不显示。

    622762d0f703918f9d72eac35e3d269759eec41c.jpg
  4. 4

    设置div的id属性为dd,本家儿要用于下面经由过程该id获得div对象。

    359b033b5bb5c9ea73b6d4eada39b6003af3b376.jpg
  5. 5

    在js标签内,建立一个myfun函数,在函数内利用getElementById()方式获得div对象,并设置div显示出来,不再埋没。

    4e4a20a4462309f7db317a1b7d0e0cf3d7cad659.jpg
  6. 6

    在函数的外面,利用按时器setTimeout()方式设置3秒后执行myfun函数。

    58ee3d6d55fbb2fb06888f1b404a20a44623dc1c.jpg
  7. 7

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

    3bf33a87e950352aa824f2015c43fbf2b2118b76.jpg
  • 发表于 2019-10-18 17:00
  • 阅读 ( 649 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具