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 相关文章推荐
ASP Json Parser修正版
Dec 06 Javascript
JavaScript中isPrototypeOf函数作用和使用实例
Jun 01 Javascript
JavaScript实现图片滑动切换的代码示例分享
Mar 06 Javascript
Angularjs中$http以post请求通过消息体传递参数的实现方法
Aug 05 Javascript
利用浮层使select不可选的实现方法
Dec 03 Javascript
javaScript实现复选框全选反选事件详解
Nov 20 Javascript
Vue打包后出现一些map文件的解决方法
Feb 13 Javascript
JS代码实现电脑配置检测功能
Mar 21 Javascript
JS实现动态生成html table表格的方法分析
Jul 11 Javascript
微信小程序学习笔记之目录结构、基本配置图文详解
Mar 28 Javascript
详解JavaScript中的强制类型转换
Apr 15 Javascript
js实现车辆管理系统
Aug 26 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
提取HTML标签
2006/10/09 PHP
php microtime获取浮点的时间戳
2010/02/21 PHP
支持中文、字母、数字的PHP验证码
2015/05/04 PHP
必须收藏的23个php实用代码片段
2016/02/02 PHP
Web版彷 Visual Studio 2003 颜色选择器
2007/01/09 Javascript
JavaScript中的onerror事件概述及使用
2013/04/01 Javascript
在浏览器中实现图片粘贴的jQuery插件-- pasteimg使用指南
2014/12/29 Javascript
Javascript中的apply()方法浅析
2015/03/15 Javascript
JavaScript中获取HTML元素值的三种方法
2016/06/20 Javascript
Vue.js 点击按钮显示/隐藏内容的实例代码
2018/02/08 Javascript
详解Ubuntu安装angular-cli遇到的坑
2018/09/08 Javascript
js canvas实现写字动画效果
2018/11/30 Javascript
JavaScript闭包与作用域链实例分析
2019/01/21 Javascript
JavaScript数据结构与算法之检索算法示例【二分查找法、计算重复次数】
2019/02/22 Javascript
最简单的vue消息提示全局组件的方法
2019/06/16 Javascript
用Vue.js方法创建模板并使用多个模板合成
2019/06/28 Javascript
简单介绍Python中的JSON模块
2015/04/08 Python
Python排序搜索基本算法之冒泡排序实例分析
2017/12/09 Python
python对矩阵进行转置的2种处理方法
2019/07/17 Python
Python 仅获取响应头, 不获取实体的实例
2019/08/21 Python
Python解析json代码实例解析
2019/11/25 Python
TensorFlow自定义损失函数来预测商品销售量
2020/02/05 Python
Django数据结果集序列化并展示实现过程
2020/04/22 Python
如何基于pandas读取csv后合并两个股票
2020/09/25 Python
Sublime Text3最新激活注册码分享适用2020最新版 亲测可用
2020/11/12 Python
美国家居装饰购物网站:Amanda Lindroth
2020/03/25 全球购物
外贸英语毕业生自荐信
2013/11/14 职场文书
初中生学习的自我评价
2013/11/14 职场文书
自荐信格式简述
2014/01/25 职场文书
毕业生就业意向书
2014/04/01 职场文书
《黄山奇石》教学反思
2014/04/19 职场文书
迎新晚会策划方案
2014/06/13 职场文书
领导班子专题民主生活会情况想汇报
2014/09/30 职场文书
普通党员自我剖析材料
2014/10/07 职场文书
苏州园林导游词
2015/02/03 职场文书
2016年读书月活动总结范文
2016/04/06 职场文书