JavaScript里面的延迟加载--setTimeout()的用法

最新推荐文章于 2025-05-20 16:07:43 发布

ItSocialXuan

最新推荐文章于 2025-05-20 16:07:43 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/chengjingxuang123/article/details/95770752

本文围绕JavaScript中实现类似线程sleep的功能展开，介绍使用setTimeout()方法实现延迟加载。指出常见错误是参数使用不当，如第一个参数不应带括号和参数，第二个参数传入数字。还给出在for循环中使用的方法，并提供循环打开五次网页的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

想实现类似线程sleep几秒钟的现象，虽然看到这个需求，我知道是要用这个setTimeout()方法来实现，J,avaS,cript延迟加载的功能，
但是不论自己以前的笔记还是说，自己在网上又搜索的例子。
都是乱的一塌糊涂，主要错误如：setTimeout(方法名(参数)，“数字”)，以为这样就可以了。
但是js也不报错，就是达不到自己想要的效果。
真是误人子弟啊。
主要是参数的使用不正确，如下：

1.参数一：
第一个参数是要执行的方法，只是方法名字不应该带括号和参数；
2.参数二：
第二个参数是要执行的时间，传入数字，不要带引号，带引号就是字符串啦。(哦，我又测试了下，带引号是可以的，好吧，这条略过。。。)

而且你要是打算在for循环里面使用，也不是不可以，写个回调方法就可以了。

而且这个方法是可以脱离j,Q,uery包，仅仅需要个浏览器就可以执行了，当然，浏览器是支持J,avaScript的。

我有如下代码，示范，是如何回调，循环打开五次网页的。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
</head>

<body>

<div class="container">
<div class="jumbotron">
<h1>心灵的鸡汤</h1>
<p>生活不止于眼前的苟且，还有明天和后天的呢。</p>
</div>
</div>

<div class="container">
<div class="row">
<div class="col-md-4">
<h2>你</h2>
<p>良辰美景奈何天，为谁辛苦为谁甜，这年华青涩逝去，明白了时间。</p>
</div>
<div class="col-md-4">
<h2>我</h2>
<p>浅望幸福，不写忧伤，红尘三千，不道惆怅，不问花开几许，只问浅笑安然。</p>
</div>
<div class="col-md-4">
<h2>他</h2>
<p>不管昨夜经历了怎样的泣不成声，早晨醒来这个城市依然车水马龙。</p>
</div>
</div>
</div>

</body>
</html>