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 30 Javascript
Google Dart编程语法和基本类型学习教程
Nov 27 Javascript
jQuery 中DOM 操作详解
Jan 13 Javascript
浅谈document.write()输出样式
May 07 Javascript
vue.js入门教程之绑定class和style样式
Sep 02 Javascript
bootstrap daterangepicker双日历时间段选择控件详解
Jun 15 Javascript
vue-cli webpack2项目打包优化分享
Feb 07 Javascript
angularJs提交文本框数据到后台的方法
Oct 08 Javascript
js实现按钮开关单机下拉菜单效果
Nov 22 Javascript
小程序云函数调用API接口的方法
May 17 Javascript
详解Angular cli配置过程记录
Nov 07 Javascript
antd Select下拉菜单动态添加option里的内容操作
Nov 02 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读取txt文件组成SQL并插入数据库的代码(原创自Zjmainstay)
2012/07/31 PHP
PHP生成唯一的促销/优惠/折扣码(附源码)
2012/12/28 PHP
php中怎么搜索相关联数组键值及获取之
2013/10/17 PHP
PHP常用数组函数介绍
2014/07/28 PHP
thinkphp视图模型查询提示ERR: 1146:Table 'db.pr_order_view' doesn't exist的解决方法
2014/10/30 PHP
javascript textContent与innerText的异同分析
2010/10/22 Javascript
Ubuntu中搭建Nodejs开发环境过程分享
2014/06/01 NodeJs
javascript面向对象特性代码实例
2014/06/12 Javascript
Ext4.2的Ext.grid.plugin.RowExpander无法触发事件解决办法
2014/08/15 Javascript
js重写alert控件(适合学习js的新手朋友)
2014/08/24 Javascript
jQuery中DOM操作实例分析
2015/01/23 Javascript
jquery实现图片上传之前预览的方法
2015/07/11 Javascript
jQuery实现的鼠标滑过弹出放大图片特效
2016/01/08 Javascript
常用原生JS兼容性写法汇总
2016/04/27 Javascript
详解Vue学习笔记入门篇之组件的内容分发(slot)
2017/07/17 Javascript
node.js学习之事件模块Events的使用示例
2017/09/28 Javascript
jquery实现左右轮播切换效果
2018/01/01 jQuery
在vue中使用SockJS实现webSocket通信的过程
2018/08/29 Javascript
JS实现头条新闻的经典轮播图效果示例
2019/01/30 Javascript
浅谈JavaScript闭包
2019/04/09 Javascript
解决node终端下运行js文件不支持ES6语法
2020/04/04 Javascript
python与php实现分割文件代码
2017/03/06 Python
python3如何将docx转换成pdf文件
2018/03/23 Python
python3.7通过thrift操作hbase的示例代码
2020/01/14 Python
解决python虚拟环境切换无效的问题
2020/04/30 Python
python如何调用php文件中的函数详解
2020/12/29 Python
python-jwt用户认证食用教学的实现方法
2021/01/19 Python
使用Html5多媒体实现微信语音功能
2019/07/26 HTML / CSS
俄罗斯首家面向中国消费者的一站式购物网站:Wruru
2020/05/08 全球购物
介绍java中初始化块的使用
2012/09/11 面试题
师范生的个人求职信范文
2014/01/04 职场文书
商场消防管理制度
2014/01/12 职场文书
幼儿园教研活动方案
2014/01/19 职场文书
化学专业自荐信
2014/05/28 职场文书
社区灵活就业证明
2014/11/03 职场文书
pytorch 实现在测试的时候启用dropout
2021/05/27 Python