JS延迟加载(setTimeout) JS最后加载


Posted in Javascript onJuly 15, 2010

第一 JS延迟加载

<script language="JavaScript" src="" id="my"></script> 

<script> 

setTimeout("document.getElementById('my').src='include/common.php'; ",3000);//延时3秒 

</script>

一般情况下都是利用setTimeout来实现
第二 JS最后加载
在需要插入JS的地方插入以下代码:
<SPAN id=L4EVER>LOADING...</SPAN>

当然,那个LOADING…你可以换成自己喜欢的小图片。看起来很有AJAX效果呢。
然后在页面最底端插入:
<SPAN class=spanclass id=AD_L4EVER><script src="1.js"></script></SPAN>

js代码
<script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML="";</script>

setTimeout的标准语法是: setTimeout(表达式,时间(毫秒)) 两个参数.

在这里着重记下第一个参数是一个 function时的调用,假设是一个函数.

1.函数无参:
function alertV(){ alert("000"); }

当第一个参数不加引号("" 或 '')时,延迟一秒:
setTimeout(alertV,1000);

当第一个参数加上又引号时,延迟一秒:
setTimeout("alertV()",1000);

2. 函数有参:

function alertV(event){ alert("keyCode="+event.keyCode); }

此时应设置成:
setTimeout(function(){alertV(event);},1000); 不然会提示参数未定义.

setTimeout(function () {
    $("#id").html(datastr);
  }, 1000);

jquery的通过delay实现,例如

$("#id").delay(1000).html(datastr);

setTimeout('yourFunction()',5000); 5秒后执行yourFunction(),只执行一次
setInterval('yourFunction()',5000); 每隔5秒执行一次u

如果在yourFunction()中再次调用了setTimeout('yourFunction()',5000),可以完成类似于

setInterval('yourFunction()',5000)的功能

要是哪位还有好的可行方法,谢谢共享.

Javascript 相关文章推荐
使用jquery为table动态添加行的实现代码
Mar 30 Javascript
JavaScript 函数惰性载入的实现及其优点介绍
Aug 12 Javascript
原生js ActiveXObject获取execl里面的值
Nov 01 Javascript
jquery比较简洁的软键盘特效实现方法
Mar 19 Javascript
js获取当前日期时间及其它操作汇总
Apr 17 Javascript
js中unicode转码方法详解
Oct 09 Javascript
简单介绍jsonp 使用小结
Jan 27 Javascript
Bootstrap零基础入门教程(二)
Jul 18 Javascript
如何防止INPUT按回车自动提交表单FORM
Dec 06 Javascript
JSONP跨域请求
Mar 02 Javascript
总结JavaScript在IE9之前版本中内存泄露问题
Apr 28 Javascript
解决vue-pdf查看pdf文件及打印乱码的问题
Nov 04 Javascript
JavaScript.Encode手动解码技巧
Jul 14 #Javascript
JavaScript中的一些定位属性[图解]
Jul 14 #Javascript
JQuery的ajax获取数据后的处理总结(html,xml,json)
Jul 14 #Javascript
jquery1.4.2 for Visual studio 2010 模板文件
Jul 14 #Javascript
javascript客户端解决方案 缓存提供程序
Jul 14 #Javascript
IE6图片加载的一个BUG解决方法
Jul 13 #Javascript
IE中createElement需要注意的一个问题
Jul 13 #Javascript
You might like
德生BCL3000的电路分析和打磨
2021/03/02 无线电
Look And Say 序列php实现代码
2011/05/22 PHP
PHP设计模式之适配器模式代码实例
2015/05/11 PHP
浅谈php的优缺点
2015/07/14 PHP
如何修改Laravel中url()函数生成URL的根地址
2017/08/11 PHP
IE6 弹出Iframe层中的文本框“经常”无法获得输入焦点
2009/12/27 Javascript
onclick与listeners的执行先后问题详细解剖
2013/01/07 Javascript
jQuery实现可用于博客的动态滑动菜单
2015/03/09 Javascript
浅谈Sticky组件的改进实现
2016/03/22 Javascript
Dojo获取下拉框的文本和值实例代码
2016/05/27 Javascript
JavaScript仿flash遮罩动画效果
2016/06/15 Javascript
Extjs让combobox写起来简洁又漂亮
2017/01/05 Javascript
基于javascript中的typeof和类型判断(详解)
2017/10/27 Javascript
Nuxt.js实战详解
2018/01/18 Javascript
JavaScript创建对象方法实例小结
2018/09/03 Javascript
vue项目中使用Svg的方法
2018/10/24 Javascript
JavaScript中callee和caller的区别与用法实例分析
2019/06/28 Javascript
详解Nuxt.js中使用Element-UI填坑
2019/09/06 Javascript
layui异步加载table表中某一列数据的例子
2019/09/16 Javascript
JS实现小星星特效
2019/12/24 Javascript
原生js生成图片验证码
2020/10/11 Javascript
Python3访问并下载网页内容的方法
2015/07/28 Python
OpenCV2从摄像头获取帧并写入视频文件的方法
2018/08/03 Python
Python matplotlib画图与中文设置操作实例分析
2019/04/23 Python
Python学习笔记之pandas索引列、过滤、分组、求和功能示例
2019/06/03 Python
使用Python进行防病毒免杀解析
2019/12/13 Python
python实现猜拳游戏项目
2020/11/30 Python
基于Python中Remove函数的用法讨论
2020/12/11 Python
Unineed旗下时尚轻奢网站:FABHunt
2019/05/13 全球购物
捷克建筑材料网上商店:DEK.cz
2021/03/06 全球购物
常用UNIX 命令(Linux的常用命令)
2013/07/10 面试题
Java软件工程师综合面试题笔试题
2013/09/08 面试题
后勤部长岗位职责
2013/12/14 职场文书
竞聘演讲稿
2014/04/24 职场文书
供应链金融服务方案
2014/05/25 职场文书
观看焦裕禄观后感
2015/06/09 职场文书