js 如何让页面打开慢

js若是想让网页打开慢那么在页面中插手一个按时器 , 让要显示的内容延迟一段时候来达到目标 , 那么怎么来实现呢

需要这些哦
编纂器
浏览器
方式/
1在编纂器中新建一个静态页面定名为open.html , 题目定名为“js 若何让页面打开慢“

js 如何让页面打开慢

文章插图

2open.html 中插手
<div class="show">
js 若何让页面打开慢
</div>
做显示的内容

js 如何让页面打开慢

文章插图

3在head中插手div的显示样式 , 设置宽和高都为300px , 边框为红色 , 并设置 display:none

js 如何让页面打开慢

文章插图

4在head中插手js剧本 , 并设置一个计时为3秒的计时器

js 如何让页面打开慢

文章插图

5在计时器中设置一个3秒后让div显示的js语句 , 设置div的display由埋没酿成为可见

js 如何让页面打开慢

文章插图

6【js 如何让页面打开慢】为了看出差距在div又加了一个外层的div并设置宽高都为350布景色为#0099FF , 网页打开的时辰为.fa 的样式 , 3秒后为.show 的样式

js 如何让页面打开慢

文章插图

js 如何让页面打开慢

文章插图

注重事项注重按时器的时候单元为毫秒

以上内容就是js 如何让页面打开慢的内容啦 , 希望对你有所帮助哦!

    推荐阅读