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控件的相对独立性
Sep 06 Javascript
用jquery实现自定义风格的滑动条实现代码
Apr 26 Javascript
javascript 通用loading动画效果实例代码
Jan 14 Javascript
再谈JavaScript异步编程
Jan 27 Javascript
全屏js头像上传插件源码高清版
Mar 29 Javascript
Vue.js Ajax动态参数与列表显示实现方法
Oct 20 Javascript
js实现日历的简单算法
Jan 24 Javascript
强大的JavaScript响应式图表Chartist.js的使用
Sep 13 Javascript
JavaScript基础之静态方法和实例方法分析
Dec 26 Javascript
vue跳转同一个组件,参数不同,页面接收值只接收一次的解决方法
Nov 05 Javascript
Vue实现星级评价效果实例详解
Dec 30 Javascript
JS错误处理与调试操作实例分析
Apr 13 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
模拟flock实现文件锁定
2007/02/14 PHP
ThinkPHP中实例Model方法的区别说明
2010/08/21 PHP
php制作文本式留言板
2015/03/18 PHP
PHP实现文件上传功能实例代码
2017/05/18 PHP
实例讲解YII2中多表关联的使用方法
2017/07/21 PHP
在thinkphp5.0路径中实现去除index.php的方式
2019/10/16 PHP
javascript 动态参数判空操作
2008/12/22 Javascript
JS中处理与当前时间间隔的函数代码
2012/05/23 Javascript
我的Node.js学习之路(一)
2014/07/06 Javascript
ie8模式下click无反应点击option无反应的解决方法
2014/10/11 Javascript
纯javascript实现自动发送邮件
2015/10/21 Javascript
js识别uc浏览器的代码
2015/11/06 Javascript
详解javascript实现瀑布流绝对式布局
2016/01/29 Javascript
在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口的方法
2016/08/05 Javascript
Vue的Class与Style绑定的方法
2017/09/01 Javascript
vue-router命名视图的使用讲解
2019/01/19 Javascript
详解关于表格合并span-method方法的补充(表格数据由后台动态返回)
2019/05/21 Javascript
vue实现文字加密功能
2019/09/27 Javascript
js实现简单抽奖功能
2020/11/24 Javascript
Python获取linux主机ip的简单实现方法
2016/04/18 Python
关于numpy中np.nonzero()函数用法的详解
2017/02/07 Python
浅谈Django中的数据库模型类-models.py(一对一的关系)
2018/05/30 Python
基于python-opencv3的图像显示和保存操作
2019/06/27 Python
python支持多线程的爬虫实例
2019/12/21 Python
完美解决jupyter由于无法import新包的问题
2020/05/26 Python
Python3爬虫中Selenium的用法详解
2020/07/10 Python
python 获取剪切板内容的两种方法
2020/11/28 Python
用canvas显示验证码的实现
2020/04/10 HTML / CSS
不用游标的SQL语句有哪些
2012/09/07 面试题
《兰亭集序》教学反思
2014/02/11 职场文书
职业培训师职业生涯规划
2014/02/18 职场文书
会计专业求职信范文
2014/03/16 职场文书
优秀党员学习焦裕禄精神思想汇报范文
2014/09/10 职场文书
2014年打非治违工作总结
2014/11/13 职场文书
2014年节能工作总结
2014/12/18 职场文书
Mysql事务索引知识汇总
2022/03/17 MySQL