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 相关文章推荐
javascript实现的鼠标链接提示效果生成器代码
Jun 28 Javascript
jquery与prototype框架的详细对比
Nov 21 Javascript
Javascript中设置默认参数值示例
Sep 11 Javascript
javascript实时显示北京时间的方法
Mar 12 Javascript
JS实现自动定时切换的简洁网页选项卡效果
Oct 13 Javascript
jquery点击切换背景色的简单实例
Aug 25 Javascript
微信小程序前端源码逻辑和工作流
Sep 25 Javascript
JavaScript中的E-mail 地址格式验证
Mar 28 Javascript
node实现分片下载的示例代码
Oct 17 Javascript
小程序开发中如何使用async-await并封装公共异步请求的方法
Jan 20 Javascript
javascript设计模式 ? 原型模式原理与应用实例分析
Apr 10 Javascript
vue表单验证之禁止input输入框输入空格
Dec 03 Vue.js
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
js和php邮箱地址验证的实现方法
2014/01/09 PHP
PHP网络操作函数汇总
2015/05/18 PHP
WordPress中转义HTML与过滤链接的相关PHP函数使用解析
2015/12/22 PHP
解决laravel 出现ajax请求419(unknown status)的问题
2019/09/03 PHP
jquery 得到当前页面高度和宽度的两个函数
2010/02/21 Javascript
jQuery Validation插件remote验证方式的Bug解决
2010/07/01 Javascript
js 删除数组的几种方法小结
2014/02/21 Javascript
jQuery中Form相关知识汇总
2015/01/06 Javascript
JavaScript使用pop方法移除数组最后一个元素用法实例
2015/04/06 Javascript
使用Raygun对Node.js应用进行错误处理的方法
2015/06/23 Javascript
JavaScript使用DeviceOne开发实战(二) 生成调试安装包
2015/12/01 Javascript
js获取新浪天气接口的实现代码
2016/06/06 Javascript
JavaScript实现时间倒计时跳转(推荐)
2016/06/28 Javascript
getElementById().innerHTML与getElementById().value的区别
2016/10/27 Javascript
微信小程序学习之数据处理详解
2017/07/05 Javascript
layui的数据表格+springmvc实现搜索功能的例子
2019/09/28 Javascript
vue使用vant中的checkbox实现全选功能
2020/11/17 Vue.js
基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能
2021/01/05 Vue.js
python脚本替换指定行实现步骤
2017/07/11 Python
Python基于lxml模块解析html获取页面内所有叶子节点xpath路径功能示例
2018/05/16 Python
python2 与 pyhton3的输入语句写法小结
2018/09/10 Python
对numpy中向量式三目运算符详解
2018/10/31 Python
python将视频转换为全字符视频
2019/04/26 Python
如何在 Django 模板中输出 &quot;{{&quot;
2020/01/24 Python
HTML5表格_动力节点Java学院整理
2017/07/11 HTML / CSS
phonegap常用事件总结(必看篇)
2017/03/31 HTML / CSS
Monnier Frères美国官网:法国知名奢侈品网站
2016/11/22 全球购物
Peter Alexander新西兰站:澳大利亚领先的睡衣设计师品牌
2016/12/10 全球购物
村委会贫困证明
2014/01/14 职场文书
文秘求职信范文
2014/04/10 职场文书
实践单位评语
2014/04/26 职场文书
2015年电话销售工作总结范文
2015/04/20 职场文书
2016年大学生暑假爱心支教活动策划书
2015/11/26 职场文书
《珍珠鸟》教学反思
2016/02/16 职场文书
MySQL GTID复制的具体使用
2022/05/20 MySQL
Centos7 Shell编程之正则表达式、文本处理工具详解
2022/08/05 Servers