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 相关文章推荐
JS 面向对象之神奇的prototype
Feb 26 Javascript
JS保留两位小数,多位小数的示例代码
Jan 07 Javascript
JS+CSS实现自适应选项卡宽度的圆角滑动门效果
Sep 15 Javascript
轻松学习jQuery插件EasyUI EasyUI实现拖动基本操作
Nov 30 Javascript
基于javascript实现仿百度输入框自动匹配功能
Jan 03 Javascript
简介BootStrap model弹出框的使用
Apr 27 Javascript
JavaScript 总结几个提高性能知识点(推荐)
Feb 20 Javascript
Angular.JS中的指令引用template与指令当做属性详解
Mar 30 Javascript
VUE使用vuex解决模块间传值问题的方法
Jun 01 Javascript
JS库之Three.js 简易入门教程(详解之一)
Sep 13 Javascript
js+springMVC 提交数组数据到后台的实例
Sep 21 Javascript
vue绑定数字类型 value为数字的实例
Aug 31 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学习之变量的使用
2011/05/29 PHP
Web层改进II-用xmlhttp 无声息提交复杂表单
2007/01/22 Javascript
写了一个layout,拖动条连贯,内容区可为iframe
2007/08/19 Javascript
网络之美 JavaScript中Get和Set访问器的实现代码
2010/09/19 Javascript
JQuery 应用 JQuery.groupTable.js
2010/12/15 Javascript
jquery $.getJSON()跨域请求
2011/12/21 Javascript
jquery多行滚动/向左或向上滚动/响应鼠标实现思路及代码
2013/01/23 Javascript
javascript实现粘贴qq截图功能(clipboardData)
2016/05/29 Javascript
Bootstrap选项卡动态切换效果
2016/11/28 Javascript
jQuery表单插件ajaxForm实例详解
2017/01/17 Javascript
浅谈angularjs $http提交数据探索
2017/01/20 Javascript
jquery平滑滚动到顶部插件使用详解
2017/05/08 jQuery
jQuery实现锚点向下平滑滚动特效示例
2017/08/29 jQuery
捕获未处理的Promise错误方法
2017/10/13 Javascript
validform表单验证的实现方法
2019/03/08 Javascript
swiper Scrollbar滚动条组件详解
2019/09/08 Javascript
[01:03:31]DOTA2上海特级锦标赛B组资格赛#1 Alliance VS Fnatic第二局
2016/02/26 DOTA
[01:18:21]EG vs TNC Supermajor小组赛B组败者组第一轮 BO3 第一场 6.2
2018/06/03 DOTA
Python代理抓取并验证使用多线程实现
2013/05/03 Python
学习python 之编写简单乘法运算题
2016/02/27 Python
详解Python在七牛云平台的应用(一)
2017/12/05 Python
解决Django连接db遇到的问题
2019/08/29 Python
带你认识HTML5中的WebSocket
2015/05/22 HTML / CSS
整理HTML5中表单的常用属性及新属性
2016/02/19 HTML / CSS
HTML里显示pdf、word、xls、ppt的方法示例
2020/04/14 HTML / CSS
美国杂志订阅折扣与优惠网站:Magazines.com
2016/08/31 全球购物
Topshop美国官网:英国快速时尚品牌
2019/05/16 全球购物
Made in Design英国:设计家具、照明、家庭装饰和花园家具
2019/09/24 全球购物
副科竞争上岗演讲稿
2014/05/12 职场文书
作风建设剖析材料
2014/10/06 职场文书
综合素质评价个性发展自我评价
2015/03/06 职场文书
2015年度培训工作总结范文
2015/04/02 职场文书
酒店人事主管岗位职责
2015/04/11 职场文书
2015年六一儿童节活动方案
2015/05/05 职场文书
2016幼儿教师自荐信范文
2016/01/28 职场文书
MySQL的安装与配置详细教程
2021/06/26 MySQL