几种延迟运行javascript的方法

最新推荐文章于 2024-08-30 08:45:00 发布
最新推荐文章于 2024-08-30 08:45:00 发布
阅读量715 收藏
点赞数
分类专栏： Javascript CSS+HTML 文章标签： javascript image google 浏览器 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baoeni/article/details/7163051
版权

javascript在网页中一般的情况就是加载之后直接运行，即使是延迟加载的javascript也是这样（参看我之前的文章：7种延迟加载javascript方法），问题是运行javascript对于浏览器来说也是很耗时的，而且运行的时候会block其他资源的下载。所以就有了延迟运行的概念。steve也谈到这个问题：http://stevesouders.com/controljs/

解决办法是：

现预先载入javascript，参看：几种Preload javascript,CSS, image的方法。注意我们不能使用前3中方法来预先载入，这样代码就会直接执行了。载入javascript代码之后是不会被执行的。

当你需要运行的时候，两种方法：1。使用appendChild再把代码载入一次，这时代码已经在缓存中，读取会很快；2。使用eval函数

或者使用defer属性，还有一种就是google使用的注释行方法：http://googlecode.blogspot.com/2009/09/gmail-for-mobile-html5-series-reducing.html


baoeni
关注
专栏目录
JavaScript创建对象的几种方式
qq_51781439的博客
09-07 1225
一、Object()创建对象、用字面量的方式创建对象 1.Object()创建对象 new Object()就是利用JavaScript提供的构造函数实例化了一个对象 var person = new Object(); //为这个实例化的对象添加属性 person.name = "zhangsan"; person.age =21; person.gender = 'male'; person.sayName = function(){ console.log(this.name) }
JavaScript提高加载和执行效率的方法
12-12
本文将探讨几种提升JavaScript加载和执行效率的方法。 首先，理解JavaScript执行过程中的阻塞机制至关重要。JavaScript代码无论是内嵌在HTML中还是通过`<script>`标签引用外部文件，都会导致浏览器暂停页面的下载和...
js延时函数 JS延时
08-01
js延时函数 JS延时执行 JS延时执行代码
javascript 延时执行函数
weixin_30753873的博客
02-02 1036
延时执行函数，貌似有些多此一举,也许还是有点用记在这儿 var test = { delay : function(lifetime){ var data; setTimeout(function(){ for (name in test.methods) { ...
JS | setTimeout 延时器详解
最新发布
青春木鱼的博客
08-30 1332
settimeout的特点是，它只执行一次，如果想要再次执行，需要重新调用settimeout。另外，settimeout的延迟时间并不是准确的，它只是表示最早可能执行的时间，实际执行的时间可能会受到其他代码的影响，比如浏览器的事件循环，或者其他的定时器。settimeout和setinterval的区别如下：settimeout只执行一次，而setinterval会不断重复执行，直到被清除。settimeout和setinterval的延迟时间和执行间隔都不是准确的，它们会受到其他代码和浏览器的影响
javascript延迟使用方法
chenlinben的专栏
08-10 725
可能还有其他延迟的方法，以下列了两种自己用过的，如还有其他希望大家分享一下： javascript的定时器有两种，第一种是倒计时定时器，可以这样定义：var timeName=setTimeOut("timeOutFunc()",delayTime);   其中timeId是我们定义这个定时器的Name。setTimeOut 函数包含两个参数，第一个参数是当这个定时器时间到后执行的函数名称，第
js延迟执行函数
jiaoyu12的专栏
07-25 513
在js中，延迟执行函数有两种，setTimeout和setInterval，用法如下：setTimeout("test()","2000");  //2000毫秒后执行test()函数，只执行一次。setInterval("test()","2000"); //每隔2000毫秒执行一次test()函数，执行无数次。var interval = window.setInterval("test()"...
js的延时函数
adevotee的专栏
08-08 3710
 setTimeuot(code,delay)，延时一段时间后执行code，只执行一次；setInterval(code,delay)，以delay的时间间隔，反复执行code。
js实现延迟加载的几种方法详解
10-17
本文将详细解析三种常用的JavaScript延迟加载方法。 1. **`defer`属性** `defer`属性适用于外部JavaScript文件。当`defer`属性被设置时，浏览器会并行下载所有带`defer`属性的脚本，但不会阻塞DOM解析。这些脚本会...
js实现延迟加载的几种方法
10-19
以下是介绍的三种JavaScript延迟加载方法： 1. **使用`setTimeout`延迟执行** `setTimeout`函数可以用来延后执行一段代码。在示例中，`setTimeout`被用来在一秒钟后调用函数`A`。这样，当页面加载时，JavaScript...
JavaScript定时器使用方法详解
11-20
本文将详细讲解JavaScript中的两种主要定时器：`setInterval()` 和 `setTimeout()`，以及如何正确使用它们。 1. 循环执行定时器：`setInterval()` - `setInterval()` 方法用于重复执行一个函数，每次执行之间有...
javascript延时执行跳转或执行函数
07-12
延时执行跳转或执行函数 url可以为地址或者定义好的javascript/jquery函数, 定义每次延时时间和延时次数, callback是每次延时可以执行的回调函数
Javascript延迟执行实现方法(setTimeout)
10-28
延迟执行，其实就是用到了setTimeout这个函数。善于利用这个函数，可以减少很多ajax的请求，以及dom操作。
Javascript里延迟函数
请叫我雷锋！！
05-26 6806
setTimeout()和clearTimeout()函数是一对控制页面定时触发时间的起始函数。2.handle = setTimeout(statement, microime)，的作用是设定每mircotime毫秒执行一次statement，并把返回一个句柄给handle，以便可以用clearTimeout(handle)来结束计时 例子1：//Javascript Wai
JS-延时函数
weixin_54902466的博客
06-15 1万+
延时函数延时函数1.概念2.与定时器的区别3.细节4.代码演示5.总结6.延时执行(删除) 延时函数 JavaScript 中定时器函数的构成，能够基于定时器创建定的定时任务 1.概念 延时函数是实现程序暂缓执行的技术 延时函数和间歇函数统称为定时器或定时任务 2.与定时器的区别 间歇函数(定时器)的特征是不间断的重复执行 而延时函数只会执行 1 次。 结合递归函数可以使用 setTimeout实现setInterval 一样的功能！ 3.细节 1.setInterval 间歇函数也会延时执行 2.setT
js延时函数
我想月薪过万的博客
03-01 3万+
js延时函数总结： 在js中，延迟执行函数有两种，setTimeout和setInterval，用法如下： setTimeout("test()","5000");//5秒后执行testFunction()函数，只执行一次。 setInterval("test()","5000");//每隔5秒执行一次testFunction()函数，执行无数次。 如何停止setInterval 呢？ var interval = window.setInterval("test()","5000"); ..
JavaScript延时函数
热门推荐
pan_junbiao的博客
08-18 5万+
1、setTimeout函数 setTimeout(function() { remind(); }, 5000); //5秒后将会调用执行remind()函数 2、setInterval函数 var interval; interval = setInterval(function() { remind() }, 5000); //5秒循环调用执行remind()函数 clearI...
lazyLoad实现JavaScript脚本的智能延迟加载技术
资源摘要信息:"延迟加载JavaScript脚本是一种优化网页加载性能的技术，通过延迟加载非关键资源的加载，来减少初始页面加载时间。在JavaScript中实现延迟加载，可以通过多种方式，例如使用window.onload事件、动态...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值