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 相关文章推荐
extJs 文本框后面加上说明文字+下拉列表选中值后触发事件
Nov 27 Javascript
JQuery获取浏览器窗口内容部分高度的代码
Feb 24 Javascript
Js判断CSS文件加载完毕的具体实现
Jan 17 Javascript
用JS在浏览器中创建下载文件
Mar 05 Javascript
php和js对数据库图片进行等比缩放示例
Apr 28 Javascript
jQuery异步获取json数据方法汇总
Dec 22 Javascript
基于jQuery实现表格的排序
Dec 02 Javascript
Vue.js实现表格动态增加删除的方法(附源码下载)
Jan 20 Javascript
JavaScript使用链式方法封装jQuery中CSS()方法示例
Apr 07 jQuery
vue-cli 打包使用history模式的后端配置实例
Sep 20 Javascript
Vue.js组件高级特性实例详解
Dec 24 Javascript
详解Vue中使用插槽(slot)、聚类插槽
Apr 12 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编写注册后Email激活验证的实例代码
2013/03/11 PHP
ThinkPHP模板判断输出Empty标签用法详解
2014/06/30 PHP
thinkphp模板用法和内容输出实例
2014/11/28 PHP
PHP也能干大事 随机函数
2015/04/14 PHP
PHP之正则表达式捕获组与非捕获组(详解)
2015/07/29 PHP
php数组函数array_key_exists()小结
2015/12/10 PHP
Ext JS Grid在IE6 下宽度的问题解决方法
2009/02/15 Javascript
JS Replace 全部替换字符的用法小结
2013/12/24 Javascript
手机端转盘抽奖代码分享
2015/09/10 Javascript
Javascript点击其他任意地方隐藏关闭DIV实例
2016/06/21 Javascript
Nodejs全局安装和本地安装的不同之处
2016/07/04 NodeJs
Nodejs进阶:核心模块net入门学习与实例讲解
2016/11/21 NodeJs
简单实现js菜单栏切换效果
2017/03/04 Javascript
基于jquery实现左右上下移动效果
2018/05/02 jQuery
vue2实现搜索结果中的搜索关键字高亮的代码
2018/08/29 Javascript
node中的cookie的具体使用
2018/09/13 Javascript
BootStrap table实现表格行拖拽效果
2018/12/01 Javascript
详解Vue之事件处理
2020/07/10 Javascript
Python多线程下载文件的方法
2015/07/10 Python
python实现换位加密算法的示例
2018/10/14 Python
Windows系统下PhantomJS的安装和基本用法
2018/10/21 Python
Windows下Pycharm远程连接虚拟机中Centos下的Python环境(图文教程详解)
2020/03/19 Python
浅谈keras通过model.fit_generator训练模型(节省内存)
2020/06/17 Python
CSS3中几个新增加的盒模型属性使用教程
2016/03/01 HTML / CSS
html5跨域通讯之postMessage的用法总结
2013/11/07 HTML / CSS
让IE9以下版本的浏览器兼容HTML5的方法
2014/03/12 HTML / CSS
Microsoft Advertising美国:微软搜索广告
2019/05/01 全球购物
Lowe’s加拿大:家居装修、翻新和五金店
2019/12/06 全球购物
大学生毕业自我鉴定范文
2013/09/19 职场文书
毕业典礼主持词大全
2014/03/26 职场文书
井冈山红色之旅心得体会
2014/10/07 职场文书
四年级数学上册教学计划
2015/01/20 职场文书
2015年清明节扫墓演讲稿
2015/03/18 职场文书
《将心比心》教学反思
2016/02/23 职场文书
2016大学生诚信考试承诺书
2016/03/25 职场文书
Python学习之os包使用教程详解
2022/03/21 Python