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实现的Ajax 验证用户名是否存在的实现代码
Apr 06 Javascript
面向对象的Javascript之三(封装和信息隐藏)
Jan 27 Javascript
jQuery判断密码强度实现思路及代码
Apr 24 Javascript
基于jquery实现等比缩放图片
Dec 03 Javascript
js实现同一页面可多次调用的图片幻灯切换效果
Feb 28 Javascript
jquery获取多个checkbox的值异步提交给php
Jul 07 Javascript
JS实现的左侧竖向滑动菜单效果代码
Oct 19 Javascript
Bootstrap每天必学之表单
Nov 23 Javascript
jQuery实现的超简单点赞效果实例分析
Dec 31 Javascript
vue项目中vue-i18n和element-ui国际化开发实现过程
Apr 25 Javascript
vue中实现左右联动的效果
Jun 22 Javascript
vue elementui form表单验证的实现
Nov 11 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
浅谈PHP强制类型转换,慎用!
2013/06/06 PHP
php类常量用法实例分析
2015/07/09 PHP
Laravel框架学习笔记之批量更新数据功能
2019/05/30 PHP
用js查找法实现当前栏目的高亮显示的代码
2007/11/24 Javascript
通过javascript设置css属性的代码
2009/12/28 Javascript
cookie在javascript中的使用技巧以及隐私在服务器端的设置
2012/12/03 Javascript
js获取客户端网卡的IP地址、MAC地址
2014/03/26 Javascript
详解jQuery插件开发方式
2016/11/22 Javascript
通过说明与示例了解js五种设计模式
2019/06/17 Javascript
微信小程序后端(java)开发流程的详细步骤
2019/11/13 Javascript
浅谈vue中$bus的使用和涉及到的问题
2020/07/28 Javascript
[03:54]DOTA2英雄梦之声_第06期_昆卡
2014/06/23 DOTA
[36:29]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 LGD vs TNC
2018/04/02 DOTA
Python设计模式之观察者模式实例
2014/04/26 Python
Python中列表(list)操作方法汇总
2014/08/18 Python
python计算对角线有理函数插值的方法
2015/05/07 Python
Python中super函数用法实例分析
2019/03/18 Python
python基于paramiko将文件上传到服务器代码实现
2019/07/08 Python
Python的matplotlib绘图如何修改背景颜色的实现
2019/07/16 Python
python join方法使用详解
2019/07/30 Python
使用python turtle画高达
2020/01/19 Python
pycharm 对代码做静态检查操作
2020/06/09 Python
python 输入字符串生成所有有效的IP地址(LeetCode 93号题)
2020/10/15 Python
python asyncio 协程库的使用
2021/01/21 Python
html5 利用canvas实现超级玛丽简单动画
2013/09/06 HTML / CSS
canvas实现手机的手势解锁的步骤详细
2020/03/16 HTML / CSS
我未来的职业规划范文
2014/01/11 职场文书
高中军训感想300字
2014/03/04 职场文书
殡葬服务心得体会
2014/09/11 职场文书
2014教师年度工作总结
2014/11/10 职场文书
员工工作表现自我评价
2015/03/06 职场文书
2015年保卫科工作总结
2015/05/14 职场文书
小学生大队委竞选稿
2015/11/20 职场文书
教您:房贷工资收入证明应该怎么写?
2019/08/19 职场文书
AI:如何训练机器学习的模型
2021/04/16 Python
JPA 通过Specification如何实现复杂查询
2021/11/23 Java/Android